@stack-spot/ai-chat-widget 3.6.2-beta.5 → 3.7.0-beta.5

package/src/views/MessageInput/AgentSelector.tsx

@@ -1,19 +1,20 @@
 import { Icon } from '@stack-spot/citric-icons'
 import { IconBox, Row, Text } from '@stack-spot/citric-react'
-import { AgentResponseWithBuiltIn, agentToolsClient, workspaceAiClient } from '@stack-spot/portal-network'
+import { AgentResponseWithBuiltIn, agentToolsClient, AgentVisibilityLevel, workspaceAiClient } from '@stack-spot/portal-network'
+import { VisibilityLevelEnum } from '@stack-spot/portal-network/api/agent-tools'
 import { useCallback } from 'react'
 import { Selector } from '../../components/Selector'
 import { useCurrentChat, useCurrentChatState, useWidgetState } from '../../context/hooks'
+import { useIsFeatureFlagEnabled } from '../../hooks/enabled-feature-flags'
 import { agentRegex } from '../../regex'
 import { useAgentFavorites } from '../Agents/useAgentFavorites'
 
-type AgentWithSpaceName = AgentResponseWithBuiltIn
-
-const AgentItem = ({ avatar, name, spaceName }: AgentWithSpaceName) => {
+const AgentItem = ({ avatar, name, spaceName }: AgentResponseWithBuiltIn) => {
   const avatarComponent = avatar
     ? <img style={{ width: '32px', height: '32px', borderRadius: '50%' }} src={avatar} />
     : <IconBox size="md" icon="Agent" style={{ backgroundColor: 'transparent' }} />
 
+
   return <Row gap="8px" style={{ flexWrap: 'nowrap' }}>
     {avatarComponent}
     <div>
@@ -30,10 +31,11 @@ export const AgentSelector = ({ inputRef, isTrial }: {
   const chat = useCurrentChat()
   const isAgentEnabled = useCurrentChatState('features').agent
   const spotId = useWidgetState('features')?.workspaceId
+  const featureFlag = useIsFeatureFlagEnabled('ENABLE_VERSION_CONTENT_AI')
 
   const { useFavorites, onAddFavorite, onRemoveFavorite } = useAgentFavorites()
 
-  const onSelectItem = useCallback(async (agent: AgentResponseWithBuiltIn) => {
+  const onSelectItem = useCallback(async (agent: AgentResponseWithBuiltIn, selectedVersion?: number) => {
     const newValue = `@${agent.slug}`
     chat.set('nextMessage', undefined)
     chat.set(
@@ -41,10 +43,11 @@ export const AgentSelector = ({ inputRef, isTrial }: {
       {
         id: agent.id,
         label: agent.name,
-        image: agent.avatar, 
+        image: agent.avatar,
         slug: agent.slug, 
         builtIn: agent.builtIn,
         visibility_level: agent.visibility_level,
+        agent_version_number: selectedVersion || agent.version_number,
       },
     )
 
@@ -54,18 +57,25 @@ export const AgentSelector = ({ inputRef, isTrial }: {
   }, [chat, inputRef])
 
 
-  const getAgents = () => {
+  const getAgents = ({ filter, visibility }: {filter?: string, visibility?: AgentVisibilityLevel[] | VisibilityLevelEnum[]}) => {
     if (spotId) {
-      return workspaceAiClient.getAgentFromWorkspaceAi.useQuery({ workspaceId: spotId }) as AgentResponseWithBuiltIn[]
+      return { data: workspaceAiClient.getAgentFromWorkspaceAi.useQuery({ 
+        workspaceId: spotId, name: filter }) as AgentResponseWithBuiltIn[] }
     }
 
     if (isTrial) {
-      return agentToolsClient.allAgents.useQuery({ visibilities: ['personal', 'built_in', 'recently_used'] })
+      return  { data: agentToolsClient.allAgents.useQuery({ visibilities: visibility as VisibilityLevelEnum[], filter }) }
     }
+    
+    return  { data: agentToolsClient.allAgents.useQuery({
+      visibilities: visibility as VisibilityLevelEnum[], filter,
+    }) }
+  }
 
-    return agentToolsClient.allAgents.useQuery({
-      visibilities: ['account', 'shared', 'personal', 'built_in', 'recently_used', 'workspace'],
-    })
+  const getAgentVersions = (id: string, enabled: boolean) => {
+    const [listVersions] = agentToolsClient.listAgentVersions.useStatefulQuery({ agentCoreId: id }, { enabled })
+    const optionsVersions = listVersions?.map((version) => version.version_number)
+    return optionsVersions
   }
 
   return <Selector
@@ -83,8 +93,10 @@ export const AgentSelector = ({ inputRef, isTrial }: {
         ['favorite', 'personal', 'workspace', 'account', 'shared', 'built_in', 'recently_used'],
       renderComponentItem: AgentItem,
       isEnabled: isAgentEnabled,
+      isEnabledVersionContent: featureFlag.flagEnabled,
       onSelect: onSelectItem,
       useData: getAgents,
+      useVersions: getAgentVersions,
     }}
   />
 }

package/src/views/MessageInput/ModelSwitcher/utils.tsx

@@ -1,6 +1,6 @@
 import { CitricIconOutline, CitricIconSocial } from '@stack-spot/citric-icons'
 import { IconBox } from '@stack-spot/citric-react'
-import { AgentModel } from '@stack-spot/portal-network/api/agent-tools'
+import { FindByIdAgentResponse } from '@stack-spot/portal-network/api/agent-tools'
 import { LlmModelsResponse, PaginatedResponseLlmModelsResponse } from '@stack-spot/portal-network/api/genAiInference'
 import { theme } from '@stack-spot/portal-theme'
 import { Dispatch, ReactElement } from 'react'
@@ -27,7 +27,7 @@ export const providerIcon: Record<string, CitricIconSocial | CitricIconOutline>
 export function getListModelsData(
   chat: ChatState, 
   setVisibleMenu: Dispatch<React.SetStateAction<boolean>>, 
-  agent?: AgentModel,
+  agent?: FindByIdAgentResponse,
   models?: PaginatedResponseLlmModelsResponse) {
 
   const chatSelectedModelId = chat.get('selected_model_id')

package/src/views/MessageInput/QuickCommandSelector.tsx

@@ -1,6 +1,6 @@
 import { Icon } from '@stack-spot/citric-icons'
-import { aiClient, workspaceAiClient } from '@stack-spot/portal-network'
-import { QuickCommandResponse } from '@stack-spot/portal-network/api/ai'
+import { AgentVisibilityLevel, aiClient, workspaceAiClient } from '@stack-spot/portal-network'
+import { QuickCommandResponse, VisibilityLevelEnum } from '@stack-spot/portal-network/api/ai'
 import { useCallback } from 'react'
 import { Selector } from '../../components/Selector'
 import { useCurrentChat, useCurrentChatState, useWidgetState } from '../../context/hooks'
@@ -8,17 +8,16 @@ import { quickCommandRegex } from '../../regex'
 
 type QuickCommandResponseWithSpaceName = QuickCommandResponse & { spaceName?: string }
 
-export const QuickCommandSelector = ({ inputRef, isTrial }: 
+export const QuickCommandSelector = ({ inputRef, isTrial }:
   { isTrial: boolean, inputRef: React.RefObject<HTMLTextAreaElement | HTMLInputElement> }) => {
   const chat = useCurrentChat()
-  const isQuickCommandEnabled =  useCurrentChatState('features').quickCommands
+  const isQuickCommandEnabled = useCurrentChatState('features').quickCommands
   const spotId = useWidgetState('features')?.workspaceId
 
-  const useFavorites = () => aiClient.allQuickCommands.useQuery({ visibility: 'favorite' })
   const [addFavorite, pendingAddFav] = aiClient.addFavoriteQuickCommand.useMutation()
   const [removeFavorite, pendingRemoveFav] = aiClient.removeFavoriteQuickCommand.useMutation()
 
-  const addFavoriteQc = async(idOrSlug?: string) => {
+  const addFavoriteQc = async (idOrSlug?: string) => {
     try {
       await addFavorite({ slug: idOrSlug || '' })
       await aiClient.allQuickCommands.invalidate()
@@ -32,7 +31,7 @@ export const QuickCommandSelector = ({ inputRef, isTrial }:
   const onAddFavorite = (idOrSlug?: string) => new Promise<boolean>(async (resolve, reject) => {
     try {
       await addFavoriteQc(idOrSlug)
-      if (!pendingAddFav){
+      if (!pendingAddFav) {
         resolve(true)
       }
 
@@ -40,10 +39,10 @@ export const QuickCommandSelector = ({ inputRef, isTrial }:
       // eslint-disable-next-line no-console
       console.error(error)
       reject(error)
-    } 
-  }) 
+    }
+  })
 
-  const removeFavoriteQc = async(idOrSlug?: string) => {
+  const removeFavoriteQc = async (idOrSlug?: string) => {
     try {
       await removeFavorite({ slug: idOrSlug || '' })
       await aiClient.allQuickCommands.invalidate()
@@ -57,7 +56,7 @@ export const QuickCommandSelector = ({ inputRef, isTrial }:
   const onRemoveFavorite = (idOrSlug?: string) => new Promise<boolean>(async (resolve, reject) => {
     try {
       await removeFavoriteQc(idOrSlug)
-      if (!pendingRemoveFav){
+      if (!pendingRemoveFav) {
         resolve(true)
       }
 
@@ -65,9 +64,9 @@ export const QuickCommandSelector = ({ inputRef, isTrial }:
       // eslint-disable-next-line no-console
       console.error(error)
       reject(error)
-    } 
+    }
   })
-  
+
   const onSelectItem = useCallback((qc: QuickCommandResponseWithSpaceName) => {
     const newValue = `/${qc.slug}`
     chat.set('nextMessage', newValue)
@@ -77,12 +76,19 @@ export const QuickCommandSelector = ({ inputRef, isTrial }:
     inputRef.current.focus()
   }, [chat, inputRef])
 
-  const getQuickCommands = () => {
+  const getQuickCommands = ({ filter, visibility }: { filter?: string, visibility?: AgentVisibilityLevel[] | VisibilityLevelEnum[] }) => {
+
     if (spotId) {
-      return workspaceAiClient.getQCFromWorkspaceAi.useQuery({ workspaceId: spotId })
+      return { data: workspaceAiClient.getQCFromWorkspaceAi.useQuery({ workspaceId: spotId, name: filter }) }
     }
 
-    const quickCommands = aiClient.allQuickCommands.useQuery({ order: 'a-to-z' })
+    const [quickCommands, { fetchNextPage, hasNextPage }] = aiClient.allQuickCommandsV3.useInfiniteQuery({
+      order: 'a-to-z',
+      visibilityList: visibility as VisibilityLevelEnum[],
+      name: filter,
+      page: 1, size: 20,
+    })
+
     const quickCommandsFiltered = quickCommands.filter(
       (qc) => qc.visibility_level.toLowerCase() !== 'workspace',
     )
@@ -92,11 +98,17 @@ export const QuickCommandSelector = ({ inputRef, isTrial }:
     })
 
     const workspaceQuickCommandsWithWorkspaceName: QuickCommandResponseWithSpaceName[] =
-    workspaceQuickCommands.flatMap(({ qcs, space_name }) =>
-      qcs?.map((qc) => ({ ...qc, spaceName: space_name })),
-    ) as QuickCommandResponseWithSpaceName[]
+      workspaceQuickCommands.flatMap(({ qcs, space_name }) =>
+        qcs?.map((qc) => ({ ...qc, spaceName: space_name })),
+      ) as QuickCommandResponseWithSpaceName[]
+
+    const filteredWorkspaceQuickCommand = filter ? workspaceQuickCommandsWithWorkspaceName?.filter((qc) => 
+      qc.name?.toLowerCase().includes(filter!)) : workspaceQuickCommandsWithWorkspaceName
 
-    return [...quickCommandsFiltered, ...workspaceQuickCommandsWithWorkspaceName]
+    const data = !visibility ? [...quickCommandsFiltered, ...filteredWorkspaceQuickCommand] : (
+      visibility.includes('workspace') ? filteredWorkspaceQuickCommand : quickCommandsFiltered
+    )
+    return { data, fetchNextPage: fetchNextPage, hasNextPage }
   }
 
   const QuickCommandItem = ({ slug, description, spaceName }: QuickCommandResponseWithSpaceName) => <>
@@ -107,9 +119,7 @@ export const QuickCommandSelector = ({ inputRef, isTrial }:
 
   return <Selector
     inputRef={inputRef}
-    favorite={{ 
-      useFavorites, onAddFavorite, onRemoveFavorite, favoriteIsSlug: true,
-    }}
+    favorite={{ onAddFavorite, onRemoveFavorite, favoriteIsSlug: true }}
     selectorConfig={{
       resourceName: 'Quick Command',
       shortcut: '/',

package/src/views/Steps/FlowChart/{NodeTool.tsx → NodeDynamic.tsx}

@@ -44,10 +44,10 @@ export const ListTools = ({ tools, onClick }: { tools: ChatAgentTool[], onClick?
   </AnimatedHeight>
 )
 
-const StepCard = ({ title, icon, content, onClick }: { title: string, icon: WithIcon, content?: string, onClick?: () => void }) => (
+const NodeBox = ({ title, icon, content, onClick }: { title: string, icon: WithIcon, content?: string, onClick?: () => void }) => (
   <Column onClick={onClick} style={{ cursor: onClick ? 'pointer' : 'default' }}>
-    <Row>
-      <IconBox {...icon} appearance="square" colorScheme="light" size="sm" />
+    <Row gap="4px" alignItems="center">
+      <IconBox {...icon} appearance="none" colorScheme="light" size="sm" />
       <Text className="step-index" weight="500">{title}</Text>
     </Row>
     <Text nowrapEllipsis color="light.700">
@@ -62,7 +62,7 @@ interface Props {
   sourcePosition?: Position,
 }
 
-export const NodeTool = ({ data, ...props }: Props) => {
+export const NodeDynamic = ({ data, ...props }: Props) => {
   const { step, index, onClick, onResize, message } = data
   const content = useChatEntry(message)?.content
   const t = useStepsDictionary()
@@ -72,7 +72,7 @@ export const NodeTool = ({ data, ...props }: Props) => {
 
   const renderContent = () => {
     if (step.type === 'planning') {
-      return <StepCard title={t.userPrompt} content={step.user_question} icon={{ ...getTypeIcon(step.type) }} />
+      return <NodeBox title={t.userPrompt} content={step.user_question} icon={{ ...getTypeIcon(step.type) }} />
     }
 
     if (step.type === 'step') {
@@ -81,7 +81,7 @@ export const NodeTool = ({ data, ...props }: Props) => {
 
     if (step.type === 'answer') {
       return <Column p={3} bg="light.400" onClick={() => onClick?.(index)}>
-        <StepCard onClick={onClick} title={t.finalAnswer} content={content} icon={{ ...getTypeIcon(step.type) }} />     
+        <NodeBox onClick={onClick} title={t.finalAnswer} content={content} icon={{ ...getTypeIcon(step.type) }} />     
       </Column> 
     }
   }

package/src/views/Steps/FlowChart/NodeStep.tsx

@@ -32,7 +32,7 @@ export const NodeStep = ({ data: { step, index, nextStatus, onClick }, ...props
         {getStatusIcon(step.status)}
       </header>
       {step.type === 'planning' && <Text className="step-title">{step.goal}</Text>}
-      {step.type === 'step' && step.input && <Text className="step-title">b {step.input}</Text>}
+      {step.type === 'step' && step.input && <Text className="step-title">{step.input}</Text>}
       {step.type === 'step' && <div className="step-details">
         <Text className={listToClass(['step-description', !!step.attempts[0].tools?.length && 'with-tools'])}>
           {step.output}

package/src/views/Steps/FlowChart/hooks.ts

@@ -6,7 +6,7 @@ interface Size {
   height: number,
 }
 
-export const useResizeObserver = (callback?: (size: Size) => void) => {
+export const useResizeObserver = (callback?: (size: Size) => void, delay = 50) => {
   const ref = useRef<HTMLDivElement | null>(null)
   const previousSizeRef = useRef<Size | null>(null)
 
@@ -21,9 +21,10 @@ export const useResizeObserver = (callback?: (size: Size) => void) => {
         previousSizeRef.current = newSize
         callback(newSize)
       }
-    }, 50)
+    }, delay)
 
     const resizeObserver = new ResizeObserver((entries) => {
+      if (!entries.length) return
       const { width, height } = entries[0].contentRect
       debouncedCallback({ width, height })
     })

package/src/views/Steps/FlowChart/index.tsx

@@ -7,8 +7,8 @@ import { useCallback, useEffect, useMemo, useState } from 'react'
 import { useChatEntry } from '../../../context/hooks'
 import { ChatEntry } from '../../../state/ChatEntry'
 import { LayoutDirection, useLayoutedElements } from './layout'
+import { NodeDynamic } from './NodeDynamic'
 import { NodeStep } from './NodeStep'
-import { NodeTool } from './NodeTool'
 import { FlowChartBox } from './styled'
 import { NodeFullProps } from './types'
 
@@ -20,7 +20,7 @@ interface Props {
 
 const NODE_TYPES = {
   step: { planning: NodeStep, step: NodeStep, answer: NodeStep },
-  tool: { planning: NodeTool, step: NodeTool, answer: NodeTool },
+  stepDynamic: { planning: NodeDynamic, step: NodeDynamic, answer: NodeDynamic },
 }
 
 const Flow = ({ message, onClick, direction = 'LR' }: Props) => {
@@ -29,7 +29,7 @@ const Flow = ({ message, onClick, direction = 'LR' }: Props) => {
   const reactFlowInstance = useReactFlow()
 
   const isDynamic = useMemo(() => steps?.some((step) => step.id === 'dynamic'), [steps])
-  const nodeTypes = useMemo(() => NODE_TYPES[isDynamic ? 'tool' : 'step'], [isDynamic])
+  const nodeTypes = useMemo(() => NODE_TYPES[isDynamic ? 'stepDynamic' : 'step'], [isDynamic])
 
   const handleNodeSizeChange = useCallback((id: string, size: { width: number, height: number }) => {
     setNodeSizes((prev) => {

package/src/views/Steps/utils.tsx

@@ -12,7 +12,7 @@ export function getStatusIcon(status: ChatStep['status']) {
   }
 }
 
-export function  getTypeIcon(type: ChatStep['type']): WithIcon {
+export function getTypeIcon(type: ChatStep['type']): WithIcon {
   switch (type) {
     case 'planning': return { group: 'fill', icon: 'ChevronRight' }
     default: return { group: 'outline', icon: 'StackSpot' }

package/dist/views/Steps/FlowChart/NodeTool.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NodeTool.d.ts","sourceRoot":"","sources":["../../../../src/views/Steps/FlowChart/NodeTool.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAMxC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAuBlC,eAAO,MAAM,SAAS,uBAAwB;IAAE,KAAK,EAAE,aAAa,EAAE,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,4CAU/G,CAAA;AAcD,UAAU,KAAK;IACb,IAAI,EAAE,QAAQ,CAAC;IACf,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,cAAc,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAED,eAAO,MAAM,QAAQ,uBAAwB,KAAK,4CAgCjD,CAAA"}

package/dist/views/Steps/FlowChart/NodeTool.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NodeTool.js","sourceRoot":"","sources":["../../../../src/views/Steps/FlowChart/NodeTool.tsx"],"names":[],"mappings":"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"}