@stack-spot/ai-chat-widget 2.2.0-beta.1 → 2.2.1

package/dist/utils/update-tool-step.js

@@ -1,23 +0,0 @@
-import { planningToolDictionaryHelper } from './planning-tool.js';
-export const updateToolStep = (messages, executionId, newStatus) => {
-    // if last message is a user message, no update in tool status is needed
-    if (messages[messages.length - 1].getValue().agentType === 'user')
-        return;
-    const messageId = planningToolDictionaryHelper.getMessageIdPlanningStepFromToolExecutionId(executionId);
-    const message = messages.find((message) => `${message.id}` === messageId);
-    let update = false;
-    const messageValue = message?.getValue();
-    messageValue?.steps?.map((step) => {
-        if (step.type === 'step') {
-            const tool = step.attempts?.[0].tools?.[0];
-            if (tool?.executionId === executionId && step.status !== newStatus) {
-                step.status = newStatus;
-                update = true;
-            }
-        }
-    });
-    if (update) {
-        message?.setValue({ ...messageValue });
-    }
-};
-//# sourceMappingURL=update-tool-step.js.map

package/dist/utils/update-tool-step.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"update-tool-step.js","sourceRoot":"","sources":["../../src/utils/update-tool-step.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAA;AAE9D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAqB,EAAE,WAAmB,EACvE,SAA4E,EAAE,EAAE;IAEhF,wEAAwE;IACxE,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,SAAS,KAAK,MAAM;QAAE,OAAM;IAEvE,MAAM,SAAS,GAAG,4BAA4B,CAAC,2CAA2C,CAAC,WAAW,CAAC,CAAA;IACvG,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,OAAO,CAAC,EAAE,EAAE,KAAK,SAAS,CAAC,CAAA;IACzE,IAAI,MAAM,GAAG,KAAK,CAAA;IAClB,MAAM,YAAY,GAAG,OAAO,EAAE,QAAQ,EAAE,CAAA;IACxC,YAAY,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAChC,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YACzB,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;YAC1C,IAAI,IAAI,EAAE,WAAW,KAAK,WAAW,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;gBACnE,IAAI,CAAC,MAAM,GAAG,SAAS,CAAA;gBACvB,MAAM,GAAG,IAAI,CAAA;YACf,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,EAAE,QAAQ,CAAC,EAAE,GAAG,YAA6B,EAAE,CAAC,CAAA;IACzD,CAAC;AACH,CAAC,CAAA"}

package/dist/views/MessageInput/ModelSwitcher.d.ts

@@ -1,2 +0,0 @@
-export declare const ModelSwitcher: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ModelSwitcher.d.ts.map

package/dist/views/MessageInput/ModelSwitcher.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModelSwitcher.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/ModelSwitcher.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,aAAa,+CAiCzB,CAAA"}

package/dist/views/MessageInput/ModelSwitcher.js

@@ -1,77 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Icon } from '@stack-spot/citric-react';
-import { SelectionList } from '@stack-spot/portal-components/SelectionList';
-import { agentToolsClient, genAiInferenceClient } from '@stack-spot/portal-network';
-import { useState } from 'react';
-import { useCurrentChat, useCurrentChatState } from '../../context/hooks.js';
-import { useMessageInputDictionary } from './dictionary.js';
-import { RowWrapperStyled } from './styled.js';
-const styles = {
-    selection: {
-        position: 'absolute',
-        bottom: 'calc(100% + 10px)',
-        right: '0',
-        margin: '0',
-        'ul': {
-            margin: '0px',
-        },
-    },
-};
-export const ModelSwitcher = () => {
-    const t = useMessageInputDictionary();
-    const agent = useCurrentChatState('agent');
-    const chat = useCurrentChat();
-    const [visibleMenu, setVisibleMenu] = useState(false);
-    const [agentData] = agentToolsClient.agent.useStatefulQuery({ agentId: agent?.id || '' });
-    const [selectedLLMName, setSelectedLLMName] = useState();
-    const [models] = genAiInferenceClient.listModels.useStatefulQuery({ pageSize: 999 });
-    const { modelName, listItems } = getModelData(chat, setSelectedLLMName, setVisibleMenu, selectedLLMName, agentData, models);
-    return (_jsxs(RowWrapperStyled, { children: [_jsxs(Button, { className: "button-select-model", colorScheme: "light", size: "sm", "aria-label": t.agent, title: t.agent, onClick: () => setVisibleMenu(state => !state), children: [modelName, _jsx(Icon, { icon: "ChevronDown", group: "fill", size: "sm" })] }), _jsx(SelectionList, { id: "menuModelSwitcher", visible: visibleMenu, onHide: () => setVisibleMenu(false), items: listItems || [], style: styles.selection })] }));
-};
-function getModelData(chat, setSelectedModelName, setVisibleMenu, selectedModelName, agent, models) {
-    const modelListData = parseModelList(setSelectedModelName, setVisibleMenu, chat, agent?.visibility_level !== 'built_in' && !!agent?.model_id ? agent?.available_llm_models : models?.items);
-    if (agent?.visibility_level === 'built_in' || !!agent?.model_id) {
-        const modelDefaultFromList = modelListData.find((model) => model.active);
-        return { modelName: modelDefaultFromList?.label, listItems: modelListData };
-    }
-    const listItems = modelListData && modelListData?.length > 0 ? modelListData :
-        [{
-                active: true,
-                label: agent?.model_name || agent?.available_llm_models?.find((model) => model.is_default)?.model_name || '',
-                icon: _jsx(Icon, { icon: "StackSpot" }),
-            }];
-    const modelSelectedName = selectedModelName || agent?.model_name ||
-        agent?.available_llm_models?.find((model) => model.is_default)?.model_name;
-    return { modelName: modelSelectedName, listItems };
-}
-function parseModelList(setSelectedModelName, setVisibleMenu, chat, listModel) {
-    const data = Array();
-    listModel?.forEach((model) => {
-        if ('model_id' in model) {
-            data.push({
-                active: chat.get('selected_model_id') ? chat.get('selected_model_id') === model.model_id : model.is_default,
-                label: model?.model_name || 'LLM',
-                icon: _jsx(Icon, { icon: "Bookmark" }),
-                onClick: () => {
-                    setSelectedModelName(model.model_name);
-                    chat.set('selected_model_id', model.model_id);
-                    setVisibleMenu(false);
-                },
-            });
-        }
-        else {
-            data.push({
-                active: chat.get('selected_model_id') ? chat.get('selected_model_id') === model.id : model.resources[0]?.is_default,
-                label: model?.display_name || 'LLM',
-                icon: _jsx(Icon, { icon: "Bookmark" }),
-                onClick: () => {
-                    setSelectedModelName(model.display_name);
-                    chat.set('selected_model_id', model.id);
-                    setVisibleMenu(false);
-                },
-            });
-        }
-    });
-    return data;
-}
-//# sourceMappingURL=ModelSwitcher.js.map

package/dist/views/MessageInput/ModelSwitcher.js.map

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

package/src/utils/planning-tool.ts

@@ -1,41 +0,0 @@
-class PlanningToolDictionaryHelper {
-  static instance: PlanningToolDictionaryHelper | undefined
-  private toolExecutionIdPlanningStep: Record<string, string> = {}
-  private toolExecutionIdToolStep: Record<string, string> = {}
-  private stepId: Record<string, number> = {}
-
-  private constructor() {
-    PlanningToolDictionaryHelper.instance = this
-  }
-
-  static create() {
-    return PlanningToolDictionaryHelper.instance ?? new PlanningToolDictionaryHelper()
-  }
-
-  setMessageIdPlanningStepToolExecutionId(messageId: string, toolExecutionId: string){
-    this.toolExecutionIdPlanningStep[toolExecutionId] = messageId
-  }
-
-  setMessageIdToolStepToolExecutionId(messageId: string, toolExecutionId: string){
-    this.toolExecutionIdToolStep[toolExecutionId] = messageId
-  }
-  
-  setMessageIdForStepId(messageId: number, stepId: string){
-    this.stepId[stepId] = messageId
-  }
-
-  getMessageIdFromStepId(stepId: string){
-    return this.stepId[stepId]
-  }
-
-  getMessageIdPlanningStepFromToolExecutionId(toolExecutionId: string){
-    return this.toolExecutionIdPlanningStep[toolExecutionId]
-  }
-
-  getMessageIdToolStepFromToolExecutionId(toolExecutionId: string){
-    return this.toolExecutionIdToolStep[toolExecutionId]
-  }
-}
-
-export const planningToolDictionaryHelper = PlanningToolDictionaryHelper.create()
-

package/src/utils/update-tool-step.tsx

@@ -1,27 +0,0 @@
-import { ChatEntry, TextChatEntry } from '../state/ChatEntry'
-import { planningToolDictionaryHelper } from './planning-tool'
-
-export const updateToolStep = (messages: ChatEntry[], executionId: string, 
-  newStatus: 'pending' | 'running' | 'success' | 'error' | 'awaiting_approval') => {
-  
-  // if last message is a user message, no update in tool status is needed
-  if (messages[messages.length-1].getValue().agentType === 'user') return
-  
-  const messageId = planningToolDictionaryHelper.getMessageIdPlanningStepFromToolExecutionId(executionId)
-  const message = messages.find((message) => `${message.id}` === messageId)
-  let update = false
-  const messageValue = message?.getValue()
-  messageValue?.steps?.map((step) => {
-    if (step.type === 'step') {
-      const tool = step.attempts?.[0].tools?.[0]
-      if (tool?.executionId === executionId && step.status !== newStatus) {
-        step.status = newStatus
-        update = true
-      }
-    }
-  })
-  
-  if (update) {
-    message?.setValue({ ...messageValue as TextChatEntry })
-  }
-}

package/src/views/MessageInput/ModelSwitcher.tsx

@@ -1,127 +0,0 @@
-import { Button, Icon } from '@stack-spot/citric-react'
-import { SelectionList } from '@stack-spot/portal-components/SelectionList'
-import { agentToolsClient, genAiInferenceClient } from '@stack-spot/portal-network'
-import { AgentLlmModelDto, AgentModel } from '@stack-spot/portal-network/api/agent-tools'
-import { LlmModelsResponse, PaginatedResponseLlmModelsResponse } from '@stack-spot/portal-network/api/genAiInference'
-import { Dispatch, ReactElement, useState } from 'react'
-import { CSSProperties } from 'styled-components'
-import { useCurrentChat, useCurrentChatState } from '../../context/hooks'
-import { useMessageInputDictionary } from './dictionary'
-import { RowWrapperStyled } from './styled'
-
-const styles = {
-  selection: {
-    position: 'absolute',
-    bottom: 'calc(100% + 10px)',
-    right: '0',
-    margin: '0',
-    'ul': {
-      margin: '0px',
-    },
-  },
-}
-
-export const ModelSwitcher = () => {
-  const t = useMessageInputDictionary()
-  const agent = useCurrentChatState('agent')
-  const chat = useCurrentChat()
-  const [visibleMenu, setVisibleMenu] = useState(false)
-  const [agentData] = agentToolsClient.agent.useStatefulQuery({ agentId: agent?.id || '' })
-  const [selectedLLMName, setSelectedLLMName] = useState<string | undefined>()
-  const [models] = genAiInferenceClient.listModels.useStatefulQuery({ pageSize: 999 })
-
-  const { modelName, listItems } = getModelData(chat, setSelectedLLMName, setVisibleMenu, selectedLLMName, agentData, models)
-
-  return (
-    <RowWrapperStyled>
-      <Button
-        className="button-select-model"
-        colorScheme="light"
-        size="sm"
-        aria-label={t.agent}
-        title={t.agent}
-        onClick={() => setVisibleMenu(state => !state)}
-      >
-        {modelName}
-        <Icon icon="ChevronDown" group="fill" size="sm" />
-      </Button>
-      <SelectionList
-        id="menuModelSwitcher"
-        visible={visibleMenu}
-        onHide={() => setVisibleMenu(false)}
-        items={listItems || []}
-        style={styles.selection as CSSProperties}
-      />
-    </RowWrapperStyled>
-  )
-}
-
-
-function getModelData(
-  chat: any, 
-  setSelectedModelName: Dispatch<React.SetStateAction<string | undefined>>, 
-  setVisibleMenu: Dispatch<React.SetStateAction<boolean>>, 
-  selectedModelName?: string,
-  agent?: AgentModel,
-  models?: PaginatedResponseLlmModelsResponse) {
-
-  const modelListData = parseModelList(
-    setSelectedModelName, setVisibleMenu, chat,
-    agent?.visibility_level !== 'built_in' && !!agent?.model_id ? agent?.available_llm_models : models?.items,
-  )
-
-  if (agent?.visibility_level === 'built_in' || !!agent?.model_id) {
-    const modelDefaultFromList = modelListData.find((model) => model.active)
-    return { modelName: modelDefaultFromList?.label, listItems: modelListData }
-  }
-
-  const listItems = 
-    modelListData && modelListData?.length > 0 ? modelListData : 
-      [{ 
-        active: true, 
-        label: agent?.model_name || agent?.available_llm_models?.find((model) => model.is_default)?.model_name || '', 
-        icon: <Icon icon="StackSpot" />, 
-      }]
-
-  const modelSelectedName = selectedModelName || agent?.model_name || 
-    agent?.available_llm_models?.find((model) => model.is_default)?.model_name
-
-  return { modelName: modelSelectedName, listItems }
-}
-
-function parseModelList(
-  setSelectedModelName: Dispatch<React.SetStateAction<string | undefined>>, 
-  setVisibleMenu: Dispatch<React.SetStateAction<boolean>>, 
-  chat: any,
-  listModel?: Array<AgentLlmModelDto | LlmModelsResponse>, 
-) {
-  const data = Array<{active?: boolean, label: string, icon: ReactElement, onClick: VoidFunction  }>()
-
-  listModel?.forEach((model) => {
-    if ('model_id' in model) {
-      data.push({
-        active: chat.get('selected_model_id') ? chat.get('selected_model_id') === model.model_id : model.is_default,
-        label: model?.model_name || 'LLM',
-        icon: <Icon icon="Bookmark"/>,
-        onClick: () => {
-          setSelectedModelName(model.model_name)
-          chat.set('selected_model_id', model.model_id)
-          setVisibleMenu(false)
-        },
-      })
-    }
-    else {
-      data.push({
-        active: chat.get('selected_model_id') ? chat.get('selected_model_id') === model.id : model.resources[0]?.is_default,
-        label: model?.display_name || 'LLM',
-        icon: <Icon icon="Bookmark"/>,
-        onClick: () => {
-          setSelectedModelName(model.display_name)
-          chat.set('selected_model_id', model.id)
-          setVisibleMenu(false)
-        },
-      })
-    }
-  })
-  return data
-}