synapse-react-client 4.0.38 → 4.0.41

package/dist/components/SynapseChat/SynapseChat.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseChat.js","names":[],"sources":["../../../src/components/SynapseChat/SynapseChat.tsx"],"sourcesContent":["import { ChatState, useChatState } from '@/components/SynapseChat/useChatState'\nimport {\n  useCreateAgentSession,\n  useUpdateAgentSession,\n} from '@/synapse-queries/chat/useChat'\nimport { useSynapseContext } from '@/utils'\nimport {\n  Alert,\n  Box,\n  Chip,\n  List,\n  ListItem,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  AgentSession,\n  FileHandleAssociateType,\n  GridAgentSessionContext,\n} from '@sage-bionetworks/synapse-client'\nimport { AgentAccessLevel } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useRef, useState } from 'react'\nimport { SkeletonParagraph } from '../Skeleton'\nimport { displayToast } from '../ToastMessage'\nimport AccessLevelMenu from './AccessLevelMenu'\nimport { ChatAttachment } from './utils/types'\nimport { ChatInputArea } from './components/ChatInputArea/ChatInputArea'\nimport SynapseChatMessage from './SynapseChatMessage'\nimport { SmartToyTwoTone } from '@mui/icons-material'\nimport { UserCard } from '../UserCard/UserCard'\nimport { useApplicationSessionContext } from '@/utils/AppUtils'\nimport { ReactComponent as CurieAvatarHead } from '@/assets/illustrations/curie_avatar_head.svg'\n\nconst CURIE_GREETING = 'Hi! How can I help you today?'\n\nconst CURIE_ACCESS_LEVEL_SUFFIX: Record<AgentAccessLevel, string> = {\n  [AgentAccessLevel.PUBLICLY_ACCESSIBLE]: ' and can only read public data.',\n  [AgentAccessLevel.READ_YOUR_PRIVATE_DATA]:\n    ' and can read your public and private data in Synapse on your behalf.',\n  [AgentAccessLevel.WRITE_YOUR_PRIVATE_DATA]:\n    ' and can read and write your public and private data in Synapse on your behalf.',\n}\n\nconst DEFAULT_AVATAR = (\n  <Box\n    sx={{\n      p: '3px',\n      borderRadius: '50%',\n      borderStyle: 'solid',\n      borderWidth: '1px',\n      borderColor: 'grey.300',\n      mt: '10px',\n      height: '31px',\n    }}\n  >\n    <SmartToyTwoTone sx={{ color: 'secondary.main' }} />\n  </Box>\n)\n\nconst CURIE_AVATAR = (\n  <Box\n    sx={{\n      mt: '10px',\n      height: '30px',\n      width: '30px',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    }}\n  >\n    <CurieAvatarHead />\n  </Box>\n)\n\nexport type SynapseChatProps = {\n  initialMessage?: string //optional initial message\n  agentRegistrationId?: string // if provided, use this agent\n  chatbotName?: string // optional name of this chatbot agent\n  variant?: 'default' | 'curie'\n  hideTitle?: boolean\n  textboxPositionOffset?: string // when embedded in a form, the textbox (form) stuck to the bottom may need to be offset due to container padding (dialog content for example!)\n  /* optional session context for the agent session */\n  sessionContext?: GridAgentSessionContext\n  /* The current session, if state is lifted out of this component */\n  externalSession?: AgentSession\n  /* A callback invoked to bootstrap the current session, if state is to be lifted out of this component */\n  setExternalSession?: (s: AgentSession | undefined) => void\n  /* The current chat history, if state is lifted out of this component */\n  externalChatState?: ChatState\n  // default access level for the agent session.\n  defaultAgentAccessLevel?: AgentAccessLevel\n  // Whether to show the access level menu for the agent session.\n  showAccessLevelMenu?: boolean\n  /**\n   * Optional callback invoked once when a chat response is received from the server.\n   * Use this for side effects such as navigation based on the response content.\n   * Called in the mutation onSuccess handler so it runs exactly once per response.\n   */\n  onChatResponse?: (responseText: string) => void\n  /** Optional list of prompt suggestions shown as clickable pills above the text input */\n  suggestedPrompts?: string[]\n  /** Optional custom avatar for the chatbot agent */\n  agentAvatar?: React.ReactNode\n  /**\n   * Whether to allow the user to attach local files to their chat message.\n   * @default false\n   */\n  allowAttachments?: boolean\n}\n\nexport function SynapseChat({\n  initialMessage,\n  agentRegistrationId,\n  chatbotName = 'SynapseChat',\n  variant = 'default',\n  agentAvatar,\n  hideTitle = false,\n  textboxPositionOffset = '0px',\n  sessionContext,\n  externalSession,\n  setExternalSession,\n  externalChatState,\n  showAccessLevelMenu = true,\n  onChatResponse,\n  suggestedPrompts,\n  allowAttachments = false,\n}: SynapseChatProps) {\n  const { accessToken } = useSynapseContext()\n  const { userId } = useApplicationSessionContext()\n\n  const baseDisclaimerText = chatbotName + ' can make mistakes'\n\n  const resolvedAgentAvatar =\n    agentAvatar ?? (variant === 'curie' ? CURIE_AVATAR : DEFAULT_AVATAR)\n\n  const userAvatar = (\n    <UserCard ownerId={userId} size=\"AVATAR\" avatarSize=\"MEDIUM\" />\n  )\n  const [localAgentSession, setLocalAgentSession] = useState<AgentSession>()\n  const agentSession = externalSession ?? localAgentSession\n  const setAgentSession = setExternalSession ?? setLocalAgentSession\n\n  const { mutate: createAgentSession, error: createAgentSessionError } =\n    useCreateAgentSession({\n      onSuccess: newAgentSession => setAgentSession(newAgentSession),\n    })\n\n  const { mutate: updateAgentSession } = useUpdateAgentSession({\n    onSuccess: updatedAgentSession => setAgentSession(updatedAgentSession),\n    onError: err =>\n      displayToast(\n        `Unable to update the agent session: ${err.message}`,\n        'danger',\n      ),\n  })\n  const [agentAccessLevel, setAgentAccessLevel] = useState<AgentAccessLevel>(\n    sessionContext\n      ? AgentAccessLevel.WRITE_YOUR_PRIVATE_DATA\n      : AgentAccessLevel.PUBLICLY_ACCESSIBLE,\n  )\n\n  const internalChatState = useChatState(agentSession, onChatResponse)\n  const chatState = externalChatState ?? internalChatState\n  const { interactions, isAwaitingResponse, sendChat } = chatState\n\n  const showGreeting = variant === 'curie' && interactions.length === 0\n\n  const curieAccessLevelSuffix =\n    variant === 'curie' ? CURIE_ACCESS_LEVEL_SUFFIX[agentAccessLevel] : ''\n  const disclaimerText = baseDisclaimerText + curieAccessLevelSuffix\n\n  // Only interactions added after this component instance mounted should play the entry\n  // animation. Callers may lift state so history survives a `Dialog` closing, but the\n  // `Dialog` unmounts its children, so every reopen would otherwise re-animate the whole\n  // conversation.\n  const presentAtMountRef = useRef<Set<string> | undefined>(undefined)\n  if (presentAtMountRef.current === undefined) {\n    presentAtMountRef.current = new Set(interactions.map(i => i.id))\n  }\n  const presentAtMount = presentAtMountRef.current\n\n  // Keep track of the text that the user is currently typing into the textfield\n  const [userChatTextfieldValue, setUserChatTextfieldValue] = useState('')\n  const [initialMessageProcessed, setInitialMessageProcessed] = useState(false)\n\n  // A copy of the attachments sent with the last interaction, so it can still show rich\n  // (name/type) chips after ChatInputArea has cleared its own attachment state. This is passed to\n  // the last interaction for its entire lifetime -- sent, then processing, then completed -- as a\n  // fallback filename source, since the request body (FileHandleAssociation) never carries a\n  // filename and the server-resolved filename (attachmentStatuses) only arrives once the job\n  // completes. It's simply overwritten on the next send.\n  const [lastSentAttachments, setLastSentAttachments] = useState<\n    ChatAttachment[]\n  >([])\n\n  // Restore chat session history, if exists.\n  // TODO: currently only a single page is restored.  Add support for multiple pages (and detect the user scrolling up to restore the next page of results older)\n  // const {\n  //   data: sessionHistoryInfiniteData,\n  // } = //, hasNextPage: hasMoreSessionHistory, fetchNextPage: fetchNextSessionHistoryPage, isLoading: isSessionHistoryLoading } =\n  //   useGetAgentChatSessionHistoryInfinite(\n  //     {\n  //       sessionId: agentSession?.sessionId,\n  //     },\n  //     {\n  //       enabled: !!agentSession,\n  //     },\n  //   )\n\n  // const sessionHistory = useMemo(\n  //   () =>\n  //     sessionHistoryInfiniteData?.pages\n  //       .flatMap(page => page.page)\n  //       /* Note: session history is ordered from most recent to least recent in each page, so reverse the order when restoring the chat interface */\n  //       .reverse() ?? [],\n  //   [sessionHistoryInfiniteData],\n  // )\n\n  useEffect(() => {\n    // on mount, create a new agent session!\n    if (createAgentSession && !agentSession) {\n      createAgentSession({\n        agentAccessLevel,\n        agentRegistrationId,\n        sessionContext,\n      })\n    }\n  }, [\n    createAgentSession,\n    agentSession,\n    accessToken,\n    sessionContext,\n    agentAccessLevel,\n    agentRegistrationId,\n  ])\n\n  useEffect(() => {\n    // on mount, resolve the initial message chat interaction (if set)\n    if (agentSession && initialMessage && !initialMessageProcessed) {\n      sendChat(initialMessage)\n      setInitialMessageProcessed(true)\n    }\n  }, [agentSession, initialMessage, initialMessageProcessed, sendChat])\n\n  const handleSend = (message: string, attachments: ChatAttachment[]) => {\n    sendChat(\n      message,\n      attachments.length\n        ? attachments.map(attachment => ({\n            fileHandleId: attachment.fileHandleId,\n            // The backend short-circuits the FileHandleAssociation auth check for a user's own\n            // uploaded file handle, so associateObjectId/associateObjectType are not totally\n            // accurate here. FileHandleAssociateType has no dedicated value for \"the uploader's\n            // own bare file handle\", so this stubs associateObjectId to the fileHandleId itself\n            // and the FileEntity associate type, which supports the short-circuit path.\n            associateObjectId: attachment.fileHandleId,\n            associateObjectType: FileHandleAssociateType.FileEntity,\n          }))\n        : undefined,\n    )\n    setUserChatTextfieldValue('')\n    setLastSentAttachments(attachments)\n  }\n\n  if (createAgentSessionError) {\n    return (\n      <Alert severity={'error'} sx={{ my: 2 }}>\n        {createAgentSessionError.reason}\n      </Alert>\n    )\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: variant === 'curie' ? 'flex-start' : 'space-between',\n        gap: variant === 'curie' ? '20px' : '0',\n        maxWidth: '1100px',\n        mx: 'auto',\n        height: '100%',\n      }}\n    >\n      {!hideTitle && (\n        <Typography\n          variant=\"headline1\"\n          sx={{\n            p: '20px',\n            borderBottom: '1px solid',\n            borderColor: 'grey.300',\n            position: 'sticky',\n            top: '0px',\n            backgroundColor: 'white',\n            zIndex: 1,\n          }}\n        >\n          {chatbotName}\n        </Typography>\n      )}\n      {showAccessLevelMenu && variant !== 'curie' && (\n        <AccessLevelMenu\n          initAccessLevel={agentAccessLevel}\n          onChange={newAccessLevel => {\n            setAgentAccessLevel(newAccessLevel)\n            updateAgentSession({\n              agentAccessLevel: newAccessLevel,\n              sessionId: agentSession!.sessionId!,\n            })\n          }}\n        />\n      )}\n      {!agentSession && <SkeletonParagraph numRows={10} />}\n      {agentSession && (\n        <Box\n          sx={{\n            flexGrow: 1,\n            overflowY: 'auto',\n            mb: variant === 'curie' ? 0 : 2,\n          }}\n        >\n          <List\n            sx={{\n              flex: 1,\n              overflowY: 'auto',\n              pt: '20px',\n              ...(variant === 'curie' && { pt: 0, pb: 0, gap: '20px' }),\n              display: 'flex',\n              flexDirection: 'column',\n              ...(showGreeting && {\n                minHeight: '100%',\n                justifyContent: 'flex-end',\n              }),\n            }}\n          >\n            {/* {sessionHistory &&\n            sessionHistory.map((interaction, index) => {\n              return (\n                <SynapseChatInteraction\n                  key={index}\n                  userMessage={interaction.usersRequestText}\n                  chatResponseText={interaction.agentResponseText}\n                />\n              )\n            })} */}\n            {showGreeting && (\n              <ListItem\n                sx={{\n                  display: 'grid',\n                  gridTemplateColumns: '50px auto',\n                  columnGap: '16px',\n                  justifyItems: 'start',\n                  alignItems: 'start',\n                  p: 0,\n                }}\n              >\n                {resolvedAgentAvatar}\n                <Typography sx={{ justifySelf: 'start', mt: '14px' }}>\n                  {CURIE_GREETING}\n                </Typography>\n              </ListItem>\n            )}\n            {interactions.map((interaction, index) => {\n              const isLast = index === interactions.length - 1\n              return (\n                <SynapseChatMessage\n                  agentAvatar={resolvedAgentAvatar}\n                  userAvatar={userAvatar}\n                  key={interaction.id}\n                  userMessage={interaction.userMessage}\n                  chatJobId={interaction.jobId}\n                  showLoadingIcon={variant !== 'curie'}\n                  onSendChat={sendChat}\n                  scrollIntoView={isLast}\n                  animateEntry={!presentAtMount.has(interaction.id)}\n                  isAwaitingResponse={isAwaitingResponse}\n                  pendingAttachments={\n                    // Only one interaction can be in flight at a time (the composer is disabled\n                    // while isAwaitingResponse), so lastSentAttachments always corresponds to\n                    // whichever interaction is last.\n                    isLast ? lastSentAttachments : undefined\n                  }\n                />\n              )\n            })}\n          </List>\n        </Box>\n      )}\n      <Box\n        sx={{\n          position: 'sticky',\n          bottom: variant === 'curie' ? '0px' : textboxPositionOffset,\n          backgroundColor: 'white',\n        }}\n      >\n        {suggestedPrompts &&\n          suggestedPrompts.length > 0 &&\n          interactions.length === 0 && (\n            <Stack\n              direction=\"row\"\n              spacing={1}\n              sx={{ pt: '8px', flexWrap: 'wrap', gap: 1 }}\n            >\n              {suggestedPrompts.map(prompt => (\n                <Chip\n                  key={prompt}\n                  label={prompt}\n                  variant=\"outlined\"\n                  onClick={() => setUserChatTextfieldValue(prompt)}\n                  disabled={!agentSession}\n                  sx={{ cursor: 'pointer' }}\n                />\n              ))}\n            </Stack>\n          )}\n        <Box sx={{ mt: '5px' }}>\n          <ChatInputArea\n            value={userChatTextfieldValue}\n            onValueChange={setUserChatTextfieldValue}\n            onSend={handleSend}\n            placeholder={\n              variant === 'curie' ? 'Ask anything' : `Message ${chatbotName}`\n            }\n            disabled={!agentSession || isAwaitingResponse}\n            allowAttachments={allowAttachments}\n          />\n        </Box>\n      </Box>\n      <Typography variant=\"smallText1\" sx={{ pt: '8px', textAlign: 'center' }}>\n        {disclaimerText}\n      </Typography>\n    </Box>\n  )\n}\n\nexport default SynapseChat\n"],"mappings":"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"}
+{"version":3,"file":"SynapseChat.js","names":[],"sources":["../../../src/components/SynapseChat/SynapseChat.tsx"],"sourcesContent":["import { ChatState, useChatState } from '@/components/SynapseChat/useChatState'\nimport {\n  useCreateAgentSession,\n  useUpdateAgentSession,\n} from '@/synapse-queries/chat/useChat'\nimport { useSynapseContext } from '@/utils'\nimport {\n  Alert,\n  Box,\n  Chip,\n  List,\n  ListItem,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  AgentSession,\n  FileHandleAssociateType,\n  GridAgentSessionContext,\n} from '@sage-bionetworks/synapse-client'\nimport { AgentAccessLevel } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useRef, useState } from 'react'\nimport { SkeletonParagraph } from '../Skeleton'\nimport { displayToast } from '../ToastMessage'\nimport AccessLevelMenu from './AccessLevelMenu'\nimport { ChatAttachment } from './utils/types'\nimport { ChatInputArea } from './components/ChatInputArea/ChatInputArea'\nimport SynapseChatMessage from './SynapseChatMessage'\nimport { SmartToyTwoTone } from '@mui/icons-material'\nimport { UserCard } from '../UserCard/UserCard'\nimport { useApplicationSessionContext } from '@/utils/AppUtils'\nimport { ReactComponent as CurieAvatarHead } from '@/assets/illustrations/curie_avatar_head.svg'\n\nconst CURIE_GREETING = 'Hi! How can I help you today?'\n\nconst CURIE_ACCESS_LEVEL_SUFFIX: Record<AgentAccessLevel, string> = {\n  [AgentAccessLevel.PUBLICLY_ACCESSIBLE]: ' and can only read public data.',\n  [AgentAccessLevel.READ_YOUR_PRIVATE_DATA]:\n    ' and can read your public and private data in Synapse on your behalf.',\n  [AgentAccessLevel.WRITE_YOUR_PRIVATE_DATA]:\n    ' and can read and write your public and private data in Synapse on your behalf.',\n}\n\nconst DEFAULT_AVATAR = (\n  <Box\n    sx={{\n      p: '3px',\n      borderRadius: '50%',\n      borderStyle: 'solid',\n      borderWidth: '1px',\n      borderColor: 'grey.300',\n      mt: '10px',\n      height: '31px',\n    }}\n  >\n    <SmartToyTwoTone sx={{ color: 'secondary.main' }} />\n  </Box>\n)\n\nconst CURIE_AVATAR = (\n  <Box\n    sx={{\n      mt: '10px',\n      height: '30px',\n      width: '30px',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    }}\n  >\n    <CurieAvatarHead />\n  </Box>\n)\n\nexport type SynapseChatProps = {\n  initialMessage?: string //optional initial message\n  agentRegistrationId?: string // if provided, use this agent\n  chatbotName?: string // optional name of this chatbot agent\n  variant?: 'default' | 'curie'\n  hideTitle?: boolean\n  textboxPositionOffset?: string // when embedded in a form, the textbox (form) stuck to the bottom may need to be offset due to container padding (dialog content for example!)\n  /* optional session context for the agent session */\n  sessionContext?: GridAgentSessionContext\n  /* The current session, if state is lifted out of this component */\n  externalSession?: AgentSession\n  /* A callback invoked to bootstrap the current session, if state is to be lifted out of this component */\n  setExternalSession?: (s: AgentSession | undefined) => void\n  /* The current chat history, if state is lifted out of this component */\n  externalChatState?: ChatState\n  // default access level for the agent session.\n  defaultAgentAccessLevel?: AgentAccessLevel\n  // Whether to show the access level menu for the agent session.\n  showAccessLevelMenu?: boolean\n  /**\n   * Optional callback invoked once when a chat response is received from the server.\n   * Use this for side effects such as navigation based on the response content.\n   * Called in the mutation onSuccess handler so it runs exactly once per response.\n   */\n  onChatResponse?: (responseText: string) => void\n  /** Optional list of prompt suggestions shown as clickable pills above the text input */\n  suggestedPrompts?: string[]\n  /** Optional custom avatar for the chatbot agent */\n  agentAvatar?: React.ReactNode\n  /**\n   * Whether to allow the user to attach local files to their chat message.\n   * @default false\n   */\n  allowAttachments?: boolean\n  /**\n   * Invoked when creating the agent session fails because the current (anonymous) user is not\n   * authorized to start a session with this agent. Callers should use this to prompt the user to\n   * log in. When omitted, the session creation error is shown inline instead.\n   */\n  onSessionCreationUnauthenticated?: () => void\n}\n\nexport function SynapseChat({\n  initialMessage,\n  agentRegistrationId,\n  chatbotName = 'SynapseChat',\n  variant = 'default',\n  agentAvatar,\n  hideTitle = false,\n  textboxPositionOffset = '0px',\n  sessionContext,\n  externalSession,\n  setExternalSession,\n  externalChatState,\n  showAccessLevelMenu = true,\n  onChatResponse,\n  suggestedPrompts,\n  allowAttachments = false,\n  onSessionCreationUnauthenticated,\n}: SynapseChatProps) {\n  const { accessToken, isAuthenticated } = useSynapseContext()\n  const { userId } = useApplicationSessionContext()\n\n  const baseDisclaimerText = chatbotName + ' can make mistakes'\n\n  const resolvedAgentAvatar =\n    agentAvatar ?? (variant === 'curie' ? CURIE_AVATAR : DEFAULT_AVATAR)\n\n  const userAvatar = (\n    <UserCard ownerId={userId} size=\"AVATAR\" avatarSize=\"MEDIUM\" />\n  )\n  const [localAgentSession, setLocalAgentSession] = useState<AgentSession>()\n  const agentSession = externalSession ?? localAgentSession\n  const setAgentSession = setExternalSession ?? setLocalAgentSession\n\n  const { mutate: createAgentSession, error: createAgentSessionError } =\n    useCreateAgentSession({\n      onSuccess: newAgentSession => setAgentSession(newAgentSession),\n      onError: err => {\n        // A registration that the ACT has not opened to anonymous chat rejects an anonymous\n        // session with a 401/403. Defer to the caller to prompt the user to log in.\n        if (!isAuthenticated && (err.status === 401 || err.status === 403)) {\n          onSessionCreationUnauthenticated?.()\n        }\n      },\n    })\n\n  const { mutate: updateAgentSession } = useUpdateAgentSession({\n    onSuccess: updatedAgentSession => setAgentSession(updatedAgentSession),\n    onError: err =>\n      displayToast(\n        `Unable to update the agent session: ${err.message}`,\n        'danger',\n      ),\n  })\n  const [agentAccessLevel, setAgentAccessLevel] = useState<AgentAccessLevel>(\n    sessionContext\n      ? AgentAccessLevel.WRITE_YOUR_PRIVATE_DATA\n      : AgentAccessLevel.PUBLICLY_ACCESSIBLE,\n  )\n\n  const internalChatState = useChatState(agentSession, onChatResponse)\n  const chatState = externalChatState ?? internalChatState\n  const { interactions, isAwaitingResponse, sendChat } = chatState\n\n  const showGreeting = variant === 'curie' && interactions.length === 0\n\n  const curieAccessLevelSuffix =\n    variant === 'curie' ? CURIE_ACCESS_LEVEL_SUFFIX[agentAccessLevel] : ''\n  const disclaimerText = baseDisclaimerText + curieAccessLevelSuffix\n\n  // Only interactions added after this component instance mounted should play the entry\n  // animation. Callers may lift state so history survives a `Dialog` closing, but the\n  // `Dialog` unmounts its children, so every reopen would otherwise re-animate the whole\n  // conversation.\n  const presentAtMountRef = useRef<Set<string> | undefined>(undefined)\n  if (presentAtMountRef.current === undefined) {\n    presentAtMountRef.current = new Set(interactions.map(i => i.id))\n  }\n  const presentAtMount = presentAtMountRef.current\n\n  // Keep track of the text that the user is currently typing into the textfield\n  const [userChatTextfieldValue, setUserChatTextfieldValue] = useState('')\n  const [initialMessageProcessed, setInitialMessageProcessed] = useState(false)\n\n  // A copy of the attachments sent with the last interaction, so it can still show rich\n  // (name/type) chips after ChatInputArea has cleared its own attachment state. This is passed to\n  // the last interaction for its entire lifetime -- sent, then processing, then completed -- as a\n  // fallback filename source, since the request body (FileHandleAssociation) never carries a\n  // filename and the server-resolved filename (attachmentStatuses) only arrives once the job\n  // completes. It's simply overwritten on the next send.\n  const [lastSentAttachments, setLastSentAttachments] = useState<\n    ChatAttachment[]\n  >([])\n\n  // Restore chat session history, if exists.\n  // TODO: currently only a single page is restored.  Add support for multiple pages (and detect the user scrolling up to restore the next page of results older)\n  // const {\n  //   data: sessionHistoryInfiniteData,\n  // } = //, hasNextPage: hasMoreSessionHistory, fetchNextPage: fetchNextSessionHistoryPage, isLoading: isSessionHistoryLoading } =\n  //   useGetAgentChatSessionHistoryInfinite(\n  //     {\n  //       sessionId: agentSession?.sessionId,\n  //     },\n  //     {\n  //       enabled: !!agentSession,\n  //     },\n  //   )\n\n  // const sessionHistory = useMemo(\n  //   () =>\n  //     sessionHistoryInfiniteData?.pages\n  //       .flatMap(page => page.page)\n  //       /* Note: session history is ordered from most recent to least recent in each page, so reverse the order when restoring the chat interface */\n  //       .reverse() ?? [],\n  //   [sessionHistoryInfiniteData],\n  // )\n\n  useEffect(() => {\n    // on mount, create a new agent session!\n    if (createAgentSession && !agentSession) {\n      createAgentSession({\n        agentAccessLevel,\n        agentRegistrationId,\n        sessionContext,\n      })\n    }\n  }, [\n    createAgentSession,\n    agentSession,\n    accessToken,\n    sessionContext,\n    agentAccessLevel,\n    agentRegistrationId,\n  ])\n\n  useEffect(() => {\n    // on mount, resolve the initial message chat interaction (if set)\n    if (agentSession && initialMessage && !initialMessageProcessed) {\n      sendChat(initialMessage)\n      setInitialMessageProcessed(true)\n    }\n  }, [agentSession, initialMessage, initialMessageProcessed, sendChat])\n\n  const handleSend = (message: string, attachments: ChatAttachment[]) => {\n    sendChat(\n      message,\n      attachments.length\n        ? attachments.map(attachment => ({\n            fileHandleId: attachment.fileHandleId,\n            // The backend short-circuits the FileHandleAssociation auth check for a user's own\n            // uploaded file handle, so associateObjectId/associateObjectType are not totally\n            // accurate here. FileHandleAssociateType has no dedicated value for \"the uploader's\n            // own bare file handle\", so this stubs associateObjectId to the fileHandleId itself\n            // and the FileEntity associate type, which supports the short-circuit path.\n            associateObjectId: attachment.fileHandleId,\n            associateObjectType: FileHandleAssociateType.FileEntity,\n          }))\n        : undefined,\n    )\n    setUserChatTextfieldValue('')\n    setLastSentAttachments(attachments)\n  }\n\n  if (createAgentSessionError) {\n    // When an anonymous user can't start a session, the caller is redirecting them to log in, so\n    // suppress the inline error in favor of that flow.\n    const deferredToLogin =\n      !isAuthenticated &&\n      !!onSessionCreationUnauthenticated &&\n      (createAgentSessionError.status === 401 ||\n        createAgentSessionError.status === 403)\n    if (!deferredToLogin) {\n      return (\n        <Alert severity={'error'} sx={{ my: 2 }}>\n          {createAgentSessionError.reason}\n        </Alert>\n      )\n    }\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: variant === 'curie' ? 'flex-start' : 'space-between',\n        gap: variant === 'curie' ? '20px' : '0',\n        maxWidth: '1100px',\n        mx: 'auto',\n        height: '100%',\n      }}\n    >\n      {!hideTitle && (\n        <Typography\n          variant=\"headline1\"\n          sx={{\n            p: '20px',\n            borderBottom: '1px solid',\n            borderColor: 'grey.300',\n            position: 'sticky',\n            top: '0px',\n            backgroundColor: 'white',\n            zIndex: 1,\n          }}\n        >\n          {chatbotName}\n        </Typography>\n      )}\n      {showAccessLevelMenu && variant !== 'curie' && isAuthenticated && (\n        <AccessLevelMenu\n          initAccessLevel={agentAccessLevel}\n          onChange={newAccessLevel => {\n            setAgentAccessLevel(newAccessLevel)\n            updateAgentSession({\n              agentAccessLevel: newAccessLevel,\n              sessionId: agentSession!.sessionId!,\n            })\n          }}\n        />\n      )}\n      {!agentSession && <SkeletonParagraph numRows={10} />}\n      {agentSession && (\n        <Box\n          sx={{\n            flexGrow: 1,\n            overflowY: 'auto',\n            mb: variant === 'curie' ? 0 : 2,\n          }}\n        >\n          <List\n            sx={{\n              flex: 1,\n              overflowY: 'auto',\n              pt: '20px',\n              ...(variant === 'curie' && { pt: 0, pb: 0, gap: '20px' }),\n              display: 'flex',\n              flexDirection: 'column',\n              ...(showGreeting && {\n                minHeight: '100%',\n                justifyContent: 'flex-end',\n              }),\n            }}\n          >\n            {/* {sessionHistory &&\n            sessionHistory.map((interaction, index) => {\n              return (\n                <SynapseChatInteraction\n                  key={index}\n                  userMessage={interaction.usersRequestText}\n                  chatResponseText={interaction.agentResponseText}\n                />\n              )\n            })} */}\n            {showGreeting && (\n              <ListItem\n                sx={{\n                  display: 'grid',\n                  gridTemplateColumns: '50px auto',\n                  columnGap: '16px',\n                  justifyItems: 'start',\n                  alignItems: 'start',\n                  p: 0,\n                }}\n              >\n                {resolvedAgentAvatar}\n                <Typography sx={{ justifySelf: 'start', mt: '14px' }}>\n                  {CURIE_GREETING}\n                </Typography>\n              </ListItem>\n            )}\n            {interactions.map((interaction, index) => {\n              const isLast = index === interactions.length - 1\n              return (\n                <SynapseChatMessage\n                  agentAvatar={resolvedAgentAvatar}\n                  userAvatar={userAvatar}\n                  key={interaction.id}\n                  userMessage={interaction.userMessage}\n                  chatJobId={interaction.jobId}\n                  showLoadingIcon={variant !== 'curie'}\n                  onSendChat={sendChat}\n                  scrollIntoView={isLast}\n                  animateEntry={!presentAtMount.has(interaction.id)}\n                  isAwaitingResponse={isAwaitingResponse}\n                  pendingAttachments={\n                    // Only one interaction can be in flight at a time (the composer is disabled\n                    // while isAwaitingResponse), so lastSentAttachments always corresponds to\n                    // whichever interaction is last.\n                    isLast ? lastSentAttachments : undefined\n                  }\n                />\n              )\n            })}\n          </List>\n        </Box>\n      )}\n      <Box\n        sx={{\n          position: 'sticky',\n          bottom: variant === 'curie' ? '0px' : textboxPositionOffset,\n          backgroundColor: 'white',\n        }}\n      >\n        {suggestedPrompts &&\n          suggestedPrompts.length > 0 &&\n          interactions.length === 0 && (\n            <Stack\n              direction=\"row\"\n              spacing={1}\n              sx={{ pt: '8px', flexWrap: 'wrap', gap: 1 }}\n            >\n              {suggestedPrompts.map(prompt => (\n                <Chip\n                  key={prompt}\n                  label={prompt}\n                  variant=\"outlined\"\n                  onClick={() => setUserChatTextfieldValue(prompt)}\n                  disabled={!agentSession}\n                  sx={{ cursor: 'pointer' }}\n                />\n              ))}\n            </Stack>\n          )}\n        <Box sx={{ mt: '5px' }}>\n          <ChatInputArea\n            value={userChatTextfieldValue}\n            onValueChange={setUserChatTextfieldValue}\n            onSend={handleSend}\n            placeholder={\n              variant === 'curie' ? 'Ask anything' : `Message ${chatbotName}`\n            }\n            disabled={!agentSession || isAwaitingResponse}\n            allowAttachments={allowAttachments}\n          />\n        </Box>\n      </Box>\n      <Typography variant=\"smallText1\" sx={{ pt: '8px', textAlign: 'center' }}>\n        {disclaimerText}\n      </Typography>\n    </Box>\n  )\n}\n\nexport default SynapseChat\n"],"mappings":"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"}

package/dist/components/SynapseChat/SynapsePortalChatDialog.d.ts

@@ -5,7 +5,9 @@ export type SynapsePortalChatDialogProps = SynapseChatProps & {
 };
 /**
  * A dialog that wraps SynapseChat with externally-controlled open/close state.
- * Only shown when the user is logged in and the PORTAL_CHAT feature flag is enabled.
+ *
+ * Anonymous users are allowed to open the dialog: SynapseChat attempts to create a session, and if
+ * the agent is not open to anonymous chat, the user is redirected to log in.
  */
 export declare function SynapsePortalChatDialog({ open, onClose, ...chatDialogProps }: SynapsePortalChatDialogProps): import("react/jsx-runtime").JSX.Element;
 export default SynapsePortalChatDialog;

package/dist/components/SynapseChat/SynapsePortalChatDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SynapsePortalChatDialog.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/SynapsePortalChatDialog.tsx"],"names":[],"mappings":"AACA,OAAoB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAE7D,MAAM,MAAM,4BAA4B,GAAG,gBAAgB,GAAG;IAC5D,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,GAAG,eAAe,EACnB,EAAE,4BAA4B,2CAgB9B;AAED,eAAe,uBAAuB,CAAA"}
+{"version":3,"file":"SynapsePortalChatDialog.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/SynapsePortalChatDialog.tsx"],"names":[],"mappings":"AAIA,OAAoB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAE7D,MAAM,MAAM,4BAA4B,GAAG,gBAAgB,GAAG;IAC5D,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,GAAG,eAAe,EACnB,EAAE,4BAA4B,2CAyB9B;AAED,eAAe,uBAAuB,CAAA"}

package/dist/components/SynapseChat/SynapsePortalChatDialog.js

@@ -1,21 +1,32 @@
-import { SynapseChat as e } from "./SynapseChat.js";
-import t from "../DraggableDialog/DraggableDialog.js";
-import { jsx as n } from "react/jsx-runtime";
+import { storeRedirectURLForOneSageLoginAndGotoURL as e } from "../../utils/AppUtils/AppUtils.js";
+import { useOneSageURL as t } from "../../utils/hooks/useOneSageURL.js";
+import "../../utils/AppUtils/index.js";
+import { SynapseChat as n } from "./SynapseChat.js";
+import r from "../DraggableDialog/DraggableDialog.js";
+import { persistPortalChatReopenIntent as i } from "./portalChatSessionStorage.js";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/components/SynapseChat/SynapsePortalChatDialog.tsx
-function r({ open: r, onClose: i, ...a }) {
-	return /* @__PURE__ */ n(t, {
-		open: r,
-		onClose: i,
-		title: a.chatbotName || "SynapseChat",
-		variant: a.variant,
-		children: /* @__PURE__ */ n(e, {
+function o({ open: o, onClose: s, ...c }) {
+	let l = t();
+	return /* @__PURE__ */ a(r, {
+		open: o,
+		onClose: s,
+		title: c.chatbotName || "SynapseChat",
+		variant: c.variant,
+		children: /* @__PURE__ */ a(n, {
 			hideTitle: !0,
 			textboxPositionOffset: "16px",
-			...a
+			onSessionCreationUnauthenticated: () => {
+				i({
+					variant: c.variant,
+					initialMessage: c.initialMessage
+				}), e(l.toString());
+			},
+			...c
 		})
-	}, a.variant);
+	}, c.variant);
 }
 //#endregion
-export { r as SynapsePortalChatDialog, r as default };
+export { o as SynapsePortalChatDialog, o as default };
 
 //# sourceMappingURL=SynapsePortalChatDialog.js.map

package/dist/components/SynapseChat/SynapsePortalChatDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapsePortalChatDialog.js","names":[],"sources":["../../../src/components/SynapseChat/SynapsePortalChatDialog.tsx"],"sourcesContent":["import DraggableDialog from '../DraggableDialog/DraggableDialog'\nimport SynapseChat, { SynapseChatProps } from './SynapseChat'\n\nexport type SynapsePortalChatDialogProps = SynapseChatProps & {\n  open: boolean\n  onClose: () => void\n}\n\n/**\n * A dialog that wraps SynapseChat with externally-controlled open/close state.\n * Only shown when the user is logged in and the PORTAL_CHAT feature flag is enabled.\n */\nexport function SynapsePortalChatDialog({\n  open,\n  onClose,\n  ...chatDialogProps\n}: SynapsePortalChatDialogProps) {\n  return (\n    <DraggableDialog\n      key={chatDialogProps.variant}\n      open={open}\n      onClose={onClose}\n      title={chatDialogProps.chatbotName || 'SynapseChat'}\n      variant={chatDialogProps.variant}\n    >\n      <SynapseChat\n        hideTitle={true}\n        textboxPositionOffset=\"16px\"\n        {...chatDialogProps}\n      />\n    </DraggableDialog>\n  )\n}\n\nexport default SynapsePortalChatDialog\n"],"mappings":";;;;AAYA,SAAgB,EAAwB,EACtC,SACA,YACA,GAAG,KAC4B;CAC/B,OACE,kBAAC,GAAD;EAEQ;EACG;EACT,OAAO,EAAgB,eAAe;EACtC,SAAS,EAAgB;YAEzB,kBAAC,GAAD;GACE,WAAW;GACX,uBAAsB;GACtB,GAAI;EACL,CAAA;CACc,GAXV,EAAgB,OAWN;AAErB"}
+{"version":3,"file":"SynapsePortalChatDialog.js","names":[],"sources":["../../../src/components/SynapseChat/SynapsePortalChatDialog.tsx"],"sourcesContent":["import DraggableDialog from '../DraggableDialog/DraggableDialog'\nimport { storeRedirectURLForOneSageLoginAndGotoURL } from '@/utils/AppUtils'\nimport { useOneSageURL } from '@/utils/hooks/useOneSageURL'\nimport { persistPortalChatReopenIntent } from './portalChatSessionStorage'\nimport SynapseChat, { SynapseChatProps } from './SynapseChat'\n\nexport type SynapsePortalChatDialogProps = SynapseChatProps & {\n  open: boolean\n  onClose: () => void\n}\n\n/**\n * A dialog that wraps SynapseChat with externally-controlled open/close state.\n *\n * Anonymous users are allowed to open the dialog: SynapseChat attempts to create a session, and if\n * the agent is not open to anonymous chat, the user is redirected to log in.\n */\nexport function SynapsePortalChatDialog({\n  open,\n  onClose,\n  ...chatDialogProps\n}: SynapsePortalChatDialogProps) {\n  const oneSageUrl = useOneSageURL()\n  return (\n    <DraggableDialog\n      key={chatDialogProps.variant}\n      open={open}\n      onClose={onClose}\n      title={chatDialogProps.chatbotName || 'SynapseChat'}\n      variant={chatDialogProps.variant}\n    >\n      <SynapseChat\n        hideTitle={true}\n        textboxPositionOffset=\"16px\"\n        onSessionCreationUnauthenticated={() => {\n          // Remember the chat was open so it can be reopened after the login round-trip.\n          persistPortalChatReopenIntent({\n            variant: chatDialogProps.variant,\n            initialMessage: chatDialogProps.initialMessage,\n          })\n          storeRedirectURLForOneSageLoginAndGotoURL(oneSageUrl.toString())\n        }}\n        {...chatDialogProps}\n      />\n    </DraggableDialog>\n  )\n}\n\nexport default SynapsePortalChatDialog\n"],"mappings":";;;;;;;;AAiBA,SAAgB,EAAwB,EACtC,SACA,YACA,GAAG,KAC4B;CAC/B,IAAM,IAAa,EAAc;CACjC,OACE,kBAAC,GAAD;EAEQ;EACG;EACT,OAAO,EAAgB,eAAe;EACtC,SAAS,EAAgB;YAEzB,kBAAC,GAAD;GACE,WAAW;GACX,uBAAsB;GACtB,wCAAwC;IAMtC,AAJA,EAA8B;KAC5B,SAAS,EAAgB;KACzB,gBAAgB,EAAgB;IAClC,CAAC,GACD,EAA0C,EAAW,SAAS,CAAC;GACjE;GACA,GAAI;EACL,CAAA;CACc,GAnBV,EAAgB,OAmBN;AAErB"}

package/dist/components/SynapseChat/portalChatSessionStorage.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Persists, across an OAuth login round-trip, the intent to reopen the portal chat dialog.
+ *
+ * When an anonymous user opens the chat and is redirected to log in, the full-page navigation
+ * discards the dialog's open state. Storing the intent before the redirect lets the app reopen the
+ * dialog when the user returns authenticated.
+ *
+ * localStorage (not sessionStorage) is used because the login flow returns to the portal origin in a
+ * way that may not preserve the original tab's session (e.g. a fresh tab), and localStorage is shared
+ * across tabs of the same origin. The intent is consumed once and carries a short TTL so it can only
+ * reopen the chat as part of the immediate round-trip.
+ */
+export type PortalChatReopenIntent = {
+    variant?: 'default' | 'curie';
+    initialMessage?: string;
+};
+export declare function persistPortalChatReopenIntent(intent: PortalChatReopenIntent): void;
+/**
+ * Returns the stored reopen intent and removes it, so a given intent is only ever acted on once.
+ * Intents older than the TTL are discarded.
+ */
+export declare function consumePortalChatReopenIntent(): PortalChatReopenIntent | undefined;
+//# sourceMappingURL=portalChatSessionStorage.d.ts.map

package/dist/components/SynapseChat/portalChatSessionStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portalChatSessionStorage.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/portalChatSessionStorage.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAOD,wBAAgB,6BAA6B,CAAC,MAAM,EAAE,sBAAsB,QAO3E;AAED;;;GAGG;AACH,wBAAgB,6BAA6B,IACzC,sBAAsB,GACtB,SAAS,CAkBZ"}

package/dist/components/SynapseChat/portalChatSessionStorage.js

@@ -0,0 +1,29 @@
+//#region src/components/SynapseChat/portalChatSessionStorage.ts
+var e = "portalChat.reopenAfterLogin", t = 3600 * 1e3;
+function n(t) {
+	try {
+		let n = {
+			...t,
+			savedAt: Date.now()
+		};
+		localStorage.setItem(e, JSON.stringify(n));
+	} catch {}
+}
+function r() {
+	try {
+		let n = localStorage.getItem(e);
+		if (!n) return;
+		localStorage.removeItem(e);
+		let r = JSON.parse(n);
+		return typeof r.savedAt != "number" || Date.now() - r.savedAt > t ? void 0 : {
+			variant: r.variant,
+			initialMessage: r.initialMessage
+		};
+	} catch {
+		return;
+	}
+}
+//#endregion
+export { r as consumePortalChatReopenIntent, n as persistPortalChatReopenIntent };
+
+//# sourceMappingURL=portalChatSessionStorage.js.map

package/dist/components/SynapseChat/portalChatSessionStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portalChatSessionStorage.js","names":[],"sources":["../../../src/components/SynapseChat/portalChatSessionStorage.ts"],"sourcesContent":["/**\n * Persists, across an OAuth login round-trip, the intent to reopen the portal chat dialog.\n *\n * When an anonymous user opens the chat and is redirected to log in, the full-page navigation\n * discards the dialog's open state. Storing the intent before the redirect lets the app reopen the\n * dialog when the user returns authenticated.\n *\n * localStorage (not sessionStorage) is used because the login flow returns to the portal origin in a\n * way that may not preserve the original tab's session (e.g. a fresh tab), and localStorage is shared\n * across tabs of the same origin. The intent is consumed once and carries a short TTL so it can only\n * reopen the chat as part of the immediate round-trip.\n */\n\nexport type PortalChatReopenIntent = {\n  variant?: 'default' | 'curie'\n  initialMessage?: string\n}\n\nconst STORAGE_KEY = 'portalChat.reopenAfterLogin'\nconst MAX_AGE_MS = 60 * 60 * 1000 // 1 hour, generous enough to cover login (incl. 2FA)\n\ntype StoredIntent = PortalChatReopenIntent & { savedAt: number }\n\nexport function persistPortalChatReopenIntent(intent: PortalChatReopenIntent) {\n  try {\n    const stored: StoredIntent = { ...intent, savedAt: Date.now() }\n    localStorage.setItem(STORAGE_KEY, JSON.stringify(stored))\n  } catch {\n    // Storage may be unavailable (e.g. private browsing); reopening is best-effort.\n  }\n}\n\n/**\n * Returns the stored reopen intent and removes it, so a given intent is only ever acted on once.\n * Intents older than the TTL are discarded.\n */\nexport function consumePortalChatReopenIntent():\n  | PortalChatReopenIntent\n  | undefined {\n  try {\n    const raw = localStorage.getItem(STORAGE_KEY)\n    if (!raw) {\n      return undefined\n    }\n    localStorage.removeItem(STORAGE_KEY)\n    const stored = JSON.parse(raw) as StoredIntent\n    if (\n      typeof stored.savedAt !== 'number' ||\n      Date.now() - stored.savedAt > MAX_AGE_MS\n    ) {\n      return undefined\n    }\n    return { variant: stored.variant, initialMessage: stored.initialMessage }\n  } catch {\n    return undefined\n  }\n}\n"],"mappings":";AAkBA,IAAM,IAAc,+BACd,IAAa,OAAU;AAI7B,SAAgB,EAA8B,GAAgC;CAC5E,IAAI;EACF,IAAM,IAAuB;GAAE,GAAG;GAAQ,SAAS,KAAK,IAAI;EAAE;EAC9D,aAAa,QAAQ,GAAa,KAAK,UAAU,CAAM,CAAC;CAC1D,QAAQ,CAER;AACF;AAMA,SAAgB,IAEF;CACZ,IAAI;EACF,IAAM,IAAM,aAAa,QAAQ,CAAW;EAC5C,IAAI,CAAC,GACH;EAEF,aAAa,WAAW,CAAW;EACnC,IAAM,IAAS,KAAK,MAAM,CAAG;EAO7B,OALE,OAAO,EAAO,WAAY,YAC1B,KAAK,IAAI,IAAI,EAAO,UAAU,IAE9B,SAEK;GAAE,SAAS,EAAO;GAAS,gBAAgB,EAAO;EAAe;CAC1E,QAAQ;EACN;CACF;AACF"}

package/dist/components/SynapseTable/TopLevelControls/TopLevelControls.d.ts

@@ -12,6 +12,12 @@ export type TopLevelControlsProps = {
     hideFacetFilterControl?: boolean;
     hideQueryCount?: boolean;
     hideSqlEditorControl?: boolean;
+    /** When true, shows a `Show / Hide Query Builder` toggle. */
+    showQueryBuilderControl?: boolean;
+    /** Current QB visibility, driven by the parent. Required when `showQueryBuilderControl` is true. */
+    showQueryBuilder?: boolean;
+    /** Callback invoked when the QB toggle is clicked. Required when `showQueryBuilderControl` is true. */
+    onToggleQueryBuilder?: () => void;
     customControls?: CustomControl[];
     showColumnSelection?: boolean;
     cavaticaConnectAccountURL?: string;

package/dist/components/SynapseTable/TopLevelControls/TopLevelControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopLevelControls.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseTable/TopLevelControls/TopLevelControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,EAEJ,MAAM,iCAAiC,CAAA;AAGxC,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AA4B3C,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,+FAA+F;IAC/F,6BAA6B,CAAC,EAAE,OAAO,CAAA;IACvC,qFAAqF;IACrF,+BAA+B,CAAC,EAAE,OAAO,CAAA;IACzC,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,yBAAyB,CAAC,EAAE,MAAM,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,OAAO,GAAG;IACpB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,EAAE,IAAI,CAAC,iBAAiB,EAAE,aAAa,CAAC,GAAG,SAAS,CAAA;IACjE,YAAY,EAAE,GAAG,EAAE,GAAG,SAAS,CAAA;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,kBAAkB,CAAA;CAC7B,CAAA;AAGD,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAA;IACnD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,KAAG,KAAK,CAAC,SAmR9D,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"TopLevelControls.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseTable/TopLevelControls/TopLevelControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,EAEJ,MAAM,iCAAiC,CAAA;AAGxC,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAmC3C,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,+FAA+F;IAC/F,6BAA6B,CAAC,EAAE,OAAO,CAAA;IACvC,qFAAqF;IACrF,+BAA+B,CAAC,EAAE,OAAO,CAAA;IACzC,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,6DAA6D;IAC7D,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,oGAAoG;IACpG,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,uGAAuG;IACvG,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,yBAAyB,CAAC,EAAE,MAAM,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,OAAO,GAAG;IACpB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,EAAE,IAAI,CAAC,iBAAiB,EAAE,aAAa,CAAC,GAAG,SAAS,CAAA;IACjE,YAAY,EAAE,GAAG,EAAE,GAAG,SAAS,CAAA;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,kBAAkB,CAAA;CAC7B,CAAA;AAGD,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAA;IACnD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,KAAG,KAAK,CAAC,SAgS9D,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/SynapseTable/TopLevelControls/TopLevelControls.js

@@ -4,105 +4,118 @@ import { useSynapseContext as t } from "../../../utils/context/SynapseContext.js
 import "../../../utils/index.js";
 import { useGetEntity as n } from "../../../synapse-queries/entity/useEntity.js";
 import "../../../synapse-queries/index.js";
-import ee from "../../IconSvg/index.js";
+import r from "../../IconSvg/index.js";
 import "../SynapseTableUtils.js";
-import { useQueryContext as te } from "../../QueryContext/QueryContext.js";
+import { useQueryContext as ee } from "../../QueryContext/QueryContext.js";
 import "../../QueryContext/index.js";
-import { useGetQueryMetadata as r } from "../../QueryWrapper/useGetQueryMetadata.js";
-import { useQueryVisualizationContext as i } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { useGetQueryMetadata as te } from "../../QueryWrapper/useGetQueryMetadata.js";
+import { useQueryVisualizationContext as ne } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
 import "../../QueryVisualizationWrapper/index.js";
-import { isRowSelectionVisibleAtom as a, useHasSelectedRowsAtomValue as o, useSelectedRowsAtomValue as s } from "../../QueryWrapper/TableRowSelectionState.js";
-import { SignInRequiredModal as c } from "../../SignInRequiredModal/SignInRequiredModal.js";
-import l from "../../MissingQueryResultsWarning/MissingQueryResultsWarning.js";
-import { ElementWithTooltip as u } from "../../widgets/ElementWithTooltip.js";
-import { getNumberOfResultsToInvokeAction as d, getNumberOfResultsToInvokeActionCopy as f } from "./TopLevelControlsUtils.js";
-import p from "../export/ExportToAnalysisPlatformDialog.js";
-import { CustomControlButton as m } from "../CustomControls/CustomControlButton.js";
-import { RowSelectionControls as h } from "../RowSelection/RowSelectionControls.js";
-import { DownloadOptions as g } from "../table-top/DownloadOptions.js";
-import { ColumnSelection as _ } from "../table-top/ColumnSelection.js";
+import { isRowSelectionVisibleAtom as re, useHasSelectedRowsAtomValue as i, useSelectedRowsAtomValue as a } from "../../QueryWrapper/TableRowSelectionState.js";
+import { SignInRequiredModal as o } from "../../SignInRequiredModal/SignInRequiredModal.js";
+import s from "../../MissingQueryResultsWarning/MissingQueryResultsWarning.js";
+import { ElementWithTooltip as c } from "../../widgets/ElementWithTooltip.js";
+import { getNumberOfResultsToInvokeAction as l, getNumberOfResultsToInvokeActionCopy as u } from "./TopLevelControlsUtils.js";
+import d from "../export/ExportToAnalysisPlatformDialog.js";
+import { CustomControlButton as f } from "../CustomControls/CustomControlButton.js";
+import { RowSelectionControls as p } from "../RowSelection/RowSelectionControls.js";
+import { DownloadOptions as m } from "../table-top/DownloadOptions.js";
+import { ColumnSelection as h } from "../table-top/ColumnSelection.js";
 import "../table-top/index.js";
-import { useState as v } from "react";
-import { cloneDeep as ne } from "lodash-es";
-import { Button as y, Divider as re, Tooltip as b, Typography as x } from "@mui/material";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { useAtomValue as T } from "jotai";
+import { useState as g } from "react";
+import { cloneDeep as ie } from "lodash-es";
+import { Button as _, Divider as ae, Tooltip as oe, Typography as se } from "@mui/material";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { useAtomValue as x } from "jotai";
 //#region src/components/SynapseTable/TopLevelControls/TopLevelControls.tsx
-var E = "SendToAnalysisPlatformTopLevelControlButton", D = (D) => {
-	let [O, k] = v(!1), { isAuthenticated: A } = t(), { name: j, showColumnSelection: M = !1, hideDownload: N = !1, hideAddToDownloadListMenuItem: P, hideProgrammaticOptionsMenuItem: F, hideVisualizationsControl: I = !1, hideFacetFilterControl: L = !1, hideQueryCount: R = !1, hideSqlEditorControl: z = !0, customControls: B, cavaticaConnectAccountURL: V, remount: H } = D, { entityId: U, versionNumber: ie, getCurrentQueryRequest: W, hasResettableFilters: G } = te(), { data: K } = n(U, ie), { data: q } = r(), J = T(a), Y = s(), X = o(), { setShowSearchBar: ae, columnsToShowInTable: Z, setColumnsToShowInTable: oe, enabledExternalAnalysisPlatforms: se, setIsShowingExportToAnalysisPlatformModal: ce, unitDescription: le, setShowDownloadConfirmation: ue, showCopyToClipboard: de, hideSearchBarControl: fe, setShowPlots: pe, setShowSqlEditor: me, showFacetFilter: Q, setShowFacetFilter: he } = i(), ge = se.length > 0, [_e, $] = v(!1), ve = (e) => {
-		let t = ne(Z);
-		t.includes(e) ? t = t.filter((t) => t !== e) : t.push(e), oe(t);
-	}, ye = d(X, Y, q?.queryCount), be = f(G, X, Y, q?.queryCount, le), xe = !R && q?.queryCount !== void 0 ? `(${q.queryCount.toLocaleString()})` : null;
-	return /* @__PURE__ */ C("div", {
+var S = "SendToAnalysisPlatformTopLevelControlButton", C = {
+	ml: 2,
+	fontWeight: 400,
+	fontSize: "14px",
+	textDecoration: "none !important"
+}, w = (w) => {
+	let [T, E] = g(!1), { isAuthenticated: D } = t(), { name: O, showColumnSelection: k = !1, hideDownload: A = !1, hideAddToDownloadListMenuItem: j, hideProgrammaticOptionsMenuItem: M, hideVisualizationsControl: N = !1, hideFacetFilterControl: P = !1, hideQueryCount: F = !1, hideSqlEditorControl: I = !0, showQueryBuilderControl: L = !1, showQueryBuilder: R = !1, onToggleQueryBuilder: z, customControls: B, cavaticaConnectAccountURL: V, remount: H } = w, { entityId: U, versionNumber: ce, getCurrentQueryRequest: W, hasResettableFilters: G } = ee(), { data: K } = n(U, ce), { data: q } = te(), J = x(re), Y = a(), X = i(), { setShowSearchBar: le, columnsToShowInTable: Z, setColumnsToShowInTable: ue, enabledExternalAnalysisPlatforms: de, setIsShowingExportToAnalysisPlatformModal: fe, unitDescription: pe, setShowDownloadConfirmation: me, showCopyToClipboard: he, hideSearchBarControl: ge, setShowPlots: _e, setShowSqlEditor: ve, showFacetFilter: Q, setShowFacetFilter: ye } = ne(), be = de.length > 0, [xe, $] = g(!1), Se = (e) => {
+		let t = ie(Z);
+		t.includes(e) ? t = t.filter((t) => t !== e) : t.push(e), ue(t);
+	}, Ce = l(X, Y, q?.queryCount), we = u(G, X, Y, q?.queryCount, pe), Te = !F && q?.queryCount !== void 0 ? `(${q.queryCount.toLocaleString()})` : null;
+	return /* @__PURE__ */ y("div", {
 		className: "TopLevelControls",
 		"data-testid": "TopLevelControls",
-		children: /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
 			className: "TopLevelControls__querycount",
-			children: [j && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w(x, {
-				variant: "sectionTitle",
-				role: "heading",
-				children: [
-					j,
-					" ",
-					xe
-				]
-			}), !R && K && /* @__PURE__ */ C(l, { entity: K })] }), !L && /* @__PURE__ */ w(y, {
-				variant: "text",
-				onClick: () => he((e) => !e),
-				startIcon: /* @__PURE__ */ C(ee, {
-					icon: Q ? "close" : "filter",
-					wrap: !1
+			children: [
+				O && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b(se, {
+					variant: "sectionTitle",
+					role: "heading",
+					children: [
+						O,
+						" ",
+						Te
+					]
+				}), !F && K && /* @__PURE__ */ y(s, { entity: K })] }),
+				!P && /* @__PURE__ */ b(_, {
+					variant: "text",
+					onClick: () => ye((e) => !e),
+					startIcon: /* @__PURE__ */ y(r, {
+						icon: Q ? "close" : "filter",
+						wrap: !1
+					}),
+					sx: C,
+					children: [Q ? "Hide" : "Show", " filters"]
 				}),
-				sx: {
-					ml: 2,
-					fontWeight: 400,
-					fontSize: "14px",
-					textDecoration: "none !important"
-				},
-				children: [Q ? "Hide" : "Show", " filters"]
-			})]
-		}), /* @__PURE__ */ w("div", {
+				L && z && /* @__PURE__ */ b(_, {
+					variant: "text",
+					onClick: z,
+					startIcon: /* @__PURE__ */ y(r, {
+						icon: R ? "close" : "filter",
+						wrap: !1
+					}),
+					sx: C,
+					children: [R ? "Hide" : "Show", " Query Builder"]
+				})
+			]
+		}), /* @__PURE__ */ b("div", {
 			className: "TopLevelControls__actions",
 			children: [
-				ge && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(b, {
-					title: /* @__PURE__ */ w(S, { children: [
+				be && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(oe, {
+					title: /* @__PURE__ */ b(v, { children: [
 						"This action will send a reference to",
 						" ",
 						X ? "each selected file" : "every file in the current table",
 						" ",
 						"to a chosen external analysis platform.",
 						" ",
-						!X && Q && /* @__PURE__ */ C(S, { children: "You can change what is sent by applying filters using the controls in the sidebar." }),
-						X && /* @__PURE__ */ C(S, { children: "You can change what is sent by selecting a different set of files." })
+						!X && Q && /* @__PURE__ */ y(v, { children: "You can change what is sent by applying filters using the controls in the sidebar." }),
+						X && /* @__PURE__ */ y(v, { children: "You can change what is sent by selecting a different set of files." })
 					] }),
-					children: /* @__PURE__ */ w(y, {
+					children: /* @__PURE__ */ b(_, {
 						variant: "text",
-						disabled: !ye,
-						onClick: () => A ? ce(!0) : k(!0),
-						id: E,
+						disabled: !Ce,
+						onClick: () => D ? fe(!0) : E(!0),
+						id: S,
 						children: [
 							"Send ",
-							be,
+							we,
 							" to Analysis Platform"
 						]
 					})
-				}), /* @__PURE__ */ C(re, {
+				}), /* @__PURE__ */ y(ae, {
 					orientation: "vertical",
 					variant: "middle",
 					flexItem: !0
 				})] }),
-				O && /* @__PURE__ */ C(c, {
-					onHide: () => k(!1),
+				T && /* @__PURE__ */ y(o, {
+					onHide: () => E(!1),
 					content: "You must be signed in to send results to an analysis platform."
 				}),
-				!fe && /* @__PURE__ */ C(u, {
+				!ge && /* @__PURE__ */ y(c, {
 					tooltipText: "Show / Hide Search Bar",
-					callbackFn: () => ae((e) => !e),
+					callbackFn: () => le((e) => !e),
 					darkTheme: !0,
 					icon: "search"
 				}),
-				de && /* @__PURE__ */ C(u, {
-					tooltipText: _e ? "Copied to clipboard" : "Copy this search to the clipboard",
+				he && /* @__PURE__ */ y(c, {
+					tooltipText: xe ? "Copied to clipboard" : "Copy this search to the clipboard",
 					callbackFn: () => {
 						e(window.location.href).then(() => {
 							$(!0), setTimeout(() => {
@@ -113,29 +126,29 @@ var E = "SendToAnalysisPlatformTopLevelControlButton", D = (D) => {
 					darkTheme: !0,
 					icon: "clipboard"
 				}),
-				!I && /* @__PURE__ */ C(u, {
+				!N && /* @__PURE__ */ y(c, {
 					tooltipText: "Show / Hide Visualizations",
-					callbackFn: () => pe((e) => !e),
+					callbackFn: () => _e((e) => !e),
 					darkTheme: !0,
 					icon: "chart"
 				}),
-				!N && /* @__PURE__ */ C(g, {
+				!A && /* @__PURE__ */ y(m, {
 					darkTheme: !0,
-					onDownloadFiles: () => ue(!0),
-					hideAddToDownloadListMenuItem: P,
-					hideProgrammaticOptionsMenuItem: F
+					onDownloadFiles: () => me(!0),
+					hideAddToDownloadListMenuItem: j,
+					hideProgrammaticOptionsMenuItem: M
 				}),
-				!z && /* @__PURE__ */ C(u, {
+				!I && /* @__PURE__ */ y(c, {
 					tooltipText: "Show / Hide the Advanced Query Editor",
-					callbackFn: () => me((e) => !e),
+					callbackFn: () => ve((e) => !e),
 					darkTheme: !0,
 					icon: "sqleditor"
 				}),
-				J && /* @__PURE__ */ C(h, {
+				J && /* @__PURE__ */ y(p, {
 					customControls: B,
 					remount: H
 				}),
-				!J && B && B.length > 0 && /* @__PURE__ */ C(S, { children: B.map((e) => /* @__PURE__ */ C(m, {
+				!J && B && B.length > 0 && /* @__PURE__ */ y(v, { children: B.map((e) => /* @__PURE__ */ y(f, {
 					variant: "text",
 					callbackData: {
 						tableId: U,
@@ -149,18 +162,18 @@ var E = "SendToAnalysisPlatformTopLevelControlButton", D = (D) => {
 					control: e,
 					startIcon: e.icon
 				}, e.buttonText)) }),
-				M && /* @__PURE__ */ C(_, {
+				k && /* @__PURE__ */ y(h, {
 					headers: q?.selectColumns,
 					isColumnSelected: Z,
-					toggleColumnSelection: ve,
+					toggleColumnSelection: Se,
 					darkTheme: !0
 				}),
-				/* @__PURE__ */ C(p, { platformInstructionProps: { cavaticaConnectAccountURL: V } })
+				/* @__PURE__ */ y(d, { platformInstructionProps: { cavaticaConnectAccountURL: V } })
 			]
 		})] })
 	});
 };
 //#endregion
-export { D as default };
+export { w as default };
 
 //# sourceMappingURL=TopLevelControls.js.map