@stack-spot/ai-chat-widget 1.17.1 → 1.18.0-beta.2

package/src/views/MessageInput/QuickCommandSelector.tsx

@@ -1,5 +1,5 @@
 import { QuickCommand } from '@citric/icons'
-import { aiClient } from '@stack-spot/portal-network'
+import { aiClient, workspaceAiClient } from '@stack-spot/portal-network'
 import { QuickCommandListResponse } from '@stack-spot/portal-network/api/ai'
 import { useCallback } from 'react'
 import { Selector } from '../../components/Selector'
@@ -74,8 +74,15 @@ export const QuickCommandSelector = ({ inputRef, isTrial }:
     inputRef.current.focus()
   }, [chat, inputRef])
 
+  const getQuickCommands = () => {
+    const quickCommands = aiClient.quickCommands.useQuery({ order: 'a-to-z' })
+    const quickCommandsFiltered = quickCommands.filter((qc) => qc.visibility_level.toLowerCase() !== 'workspace')
+    const workspaceQuickCommands = workspaceAiClient.workspacesContentsByType.useQuery({ contentType: 'quick_command' })     
+    return [...quickCommandsFiltered, ...workspaceQuickCommands.qcs]
+  }
+
   const QuickCommandItem = ({ slug, description }: QuickCommandListResponse) => <>
-    <p className="selector-title">/{slug.toUpperCase()}</p>
+    <p className="selector-title">/{slug?.toUpperCase()}</p>
     <p className="selector-description">{description}</p>
   </>
 
@@ -95,7 +102,7 @@ export const QuickCommandSelector = ({ inputRef, isTrial }:
       isEnabled: isQuickCommandEnabled,
       onSelect: onSelectItem,
       renderComponentItem: QuickCommandItem,
-      useData: () => aiClient.quickCommands.useQuery({ order: 'a-to-z' }),
+      useData: getQuickCommands,
     }}
   />
 }

package/src/views/MessageInput/dictionary.ts

@@ -5,6 +5,7 @@ const dictionary = {
     stack: 'Select stack',
     code: 'Open code editor',
     workspace: 'Select workspace',
+    space: 'Select space',
     knowledgeSource: 'Select knowledge sources',
     agent: 'Select agent',
     collapse: 'Hide buttons',
@@ -24,6 +25,7 @@ const dictionary = {
     stack: 'Selecionar stack',
     code: 'Abrir editor de código',
     workspace: 'Selecionar workspace',
+    space: 'Select Space',
     knowledgeSource: 'Selecionar knowledge sources',
     agent: 'Selecionar agente',
     collapse: 'Esconder botões',

package/src/views/Stacks.tsx

@@ -1,16 +1,20 @@
 import { Button } from '@citric/core'
 import { Search } from '@citric/icons'
 import { Placeholder } from '@stack-spot/portal-components/Placeholder'
-import { aiClient } from '@stack-spot/portal-network'
+import { aiClient, workspaceAiClient } from '@stack-spot/portal-network'
 import { GetAiStackResponse, VisibilityLevelEnum } from '@stack-spot/portal-network/api/ai'
+import { WorkspaceResponse } from '@stack-spot/portal-network/api/workspace-ai'
 import { Dictionary, useTranslate } from '@stack-spot/portal-translate'
-import { useEffect, useMemo, useState } from 'react'
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { ButtonFavorite } from '../components/ButtonFavorite'
+import { NavigationItem } from '../components/ComponentNavigator'
 import { DescribedRadioGroup } from '../components/form/DescribedRadioGroup'
 import { IconInput } from '../components/IconInput'
 import { RightPanelTabs } from '../components/RightPanelTabs'
+import { WorkspaceTabNavigator } from '../components/WorkspaceTabNavigator'
 import { useCurrentChat, useWidget, useWidgetState } from '../context/hooks'
 import { useRightPanel } from '../right-panel/hooks'
+import { ChatProperties } from '../state/ChatState'
 import { checkIsTrial } from '../utils/check-is-trial'
 
 /**
@@ -35,23 +39,35 @@ export const Stacks = () => {
 const StacksPanel =  () => {
   const t = useTranslate(dictionary)
   const chat = useCurrentChat()
-  
   const isTrial = checkIsTrial()
+  const stack = useRef(chat.get('stack'))
+
+  useEffect(() => {
+    stack.current = chat.get('stack')
+  }, [chat])
 
   const tabs = useMemo(() => isTrial ? [
-    { title: t.favorites, content: <StacksTab key="favorites" visibility="favorite" /> },
-    { title: t.personal, content: <StacksTab key="personal" visibility="personal" /> },
+    { title: t.favorites, content: <StacksTab key="favorites" visibility="favorite" stack={stack} /> },
+    { title: t.personal, content: <StacksTab key="personal" visibility="personal" stack={stack} /> },
   ]: [
-    { title: t.favorites, content: <StacksTab key="favorites" visibility="favorite" /> },
-    { title: t.personal, content: <StacksTab key="personal" visibility="personal" /> },
-    { title: t.shared, content: <StacksTab key="shared" visibility="shared" /> },
-    { title: t.account, content: <StacksTab key="account" visibility="account" /> },
+    { title: t.favorites, content: <StacksTab key="favorites" visibility="favorite" stack={stack} /> },
+    { title: t.personal, content: <StacksTab key="personal" visibility="personal" stack={stack} /> },
+    { title: t.shared, content: <StacksTab key="shared" visibility="shared" stack={stack} /> },
+    { title: t.spaces, content: <StacksTabWorkspace key="workspace" visibility="workspace" stack={stack} /> },
+    { title: t.account, content: <StacksTab key="account" visibility="account" stack={stack} /> },
   ], [t, isTrial])
   
   return <RightPanelTabs key={chat.id} tabs={tabs} />
 }
 
-const StacksTab = ({ visibility }: { visibility: VisibilityLevelEnum }) => {
+export interface StacksTabProps {
+  visibility: VisibilityLevelEnum,
+  workspaceId?: string,
+  stack: React.MutableRefObject<ChatProperties['stack']>,
+  showSubmitButton?: boolean,
+}
+
+export const StacksTab = ({ visibility, workspaceId, stack, showSubmitButton = true }: StacksTabProps) => {
   const t = useTranslate(dictionary)
   const { close } = useRightPanel()
   const chat = useCurrentChat()
@@ -111,13 +127,19 @@ const StacksTab = ({ visibility }: { visibility: VisibilityLevelEnum }) => {
     } 
   })
   
-  //@ts-ignore
-  const stacks = aiClient.aiStacks.useQuery({ visibility, order: 'a-to-z' })
-  const [value, setValue] = useState<GetAiStackResponse | undefined>(stacks.find(s => s.id === chat.get('stack')?.id))
+ 
+
+  const stacks = workspaceId
+    ? workspaceAiClient.getStackFromWorkspaceAi.useQuery({ workspaceId })
+    //@ts-ignore
+    : aiClient.aiStacks.useQuery({ visibility, order: 'a-to-z' })
+
+  const currentStackId = stack.current ? stack.current.id : chat.get('stack')?.id
+  const [value, setValue] = useState<GetAiStackResponse | undefined>(stacks.find(s => s.id === currentStackId))
   const filtered = useMemo(() => filter ? 
     // Recreate the list so that the favorites list is taken into account
-    stacks.filter(s => s === value || s.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase())) : [...stacks], 
-  [stacks, listFavorites, filter, value],
+    stacks.filter(s => s === value || s.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase())) : [...stacks],
+  [stacks, listFavorites, filter, value], 
   )
 
   function submit() {
@@ -125,6 +147,11 @@ const StacksTab = ({ visibility }: { visibility: VisibilityLevelEnum }) => {
     close()
   }
 
+  const onChange = useCallback((newValue: GetAiStackResponse) => {
+    setValue(newValue)
+    stack.current = { ...newValue, label: newValue.name }
+  }, [])
+
   return (
     <>
       <div className="content">
@@ -136,7 +163,7 @@ const StacksTab = ({ visibility }: { visibility: VisibilityLevelEnum }) => {
           }
           keygen={s => s.id}
           value={value}
-          onChange={setValue}
+          onChange={onChange}
           renderLabel={s => s.name}
           renderDescription={s => s.use_case}
           optionClassName={s => (s === value && filter && !s.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase()))
@@ -149,11 +176,22 @@ const StacksTab = ({ visibility }: { visibility: VisibilityLevelEnum }) => {
           <Placeholder title={t.noSearchResults} description={t.noSearchResultsDescription} className="no-data-placeholder"/>}
         {!stacks.length && <Placeholder title={t.noData} description={t.noDataDescription} />}
       </div>
-      {!!filtered.length && <Button onClick={submit} disabled={!value}>{t.apply}</Button>}
+      {!!filtered.length && showSubmitButton && <Button onClick={submit} disabled={!value}>{t.apply}</Button>}
     </>
   )
 }
 
+function StacksTabWorkspace({ stack, visibility, showSubmitButton }: StacksTabProps) {
+  const workspaceTabComponents = useMemo(() => ({ stack: StacksTab }), [stack])
+
+  const buildNavigateParams = (workspace: WorkspaceResponse): NavigationItem<typeof workspaceTabComponents> => ({
+    component: 'stack',
+    props: { visibility, workspaceId: workspace.id, stack, showSubmitButton },
+  }) 
+
+  return <WorkspaceTabNavigator components={workspaceTabComponents} getNavigateParam={buildNavigateParams} />
+}
+
 const dictionary = {
   en: {
     title: 'Stacks AI',
@@ -167,6 +205,7 @@ const dictionary = {
     noData: 'There are no stacks in this category yet.',
     noDataDescription: 'Use the tabs above to try other categories or use the AI portal to create new stacks.',
     favorites: 'Favorites',
+    spaces: 'Spaces',
   },
   pt: {
     title: 'Stacks AI',
@@ -180,5 +219,6 @@ const dictionary = {
     noData: 'Ainda não há stacks nesta categoria.',
     noDataDescription: 'Use as abas acima para tentar outras categorias ou use o Portal AI para criar novas stacks.',
     favorites: 'Favoritos',
+    spaces: 'Spaces',
   },
 } satisfies Dictionary

package/src/views/Workspaces/WorkspacesTab.tsx

@@ -0,0 +1,118 @@
+import { Button, Flex, IconBox, Image, Text } from '@citric/core'
+import { Agent, Circle, KnowledgeSource, Stack } from '@citric/icons'
+import { Avatar } from '@citric/ui'
+import { workspaceAiClient } from '@stack-spot/portal-network'
+import { WorkspaceResponse, WorkspaceVisibilityLevelEnum } from '@stack-spot/portal-network/api/workspace-ai'
+import { Dictionary, useTranslate } from '@stack-spot/portal-translate'
+import { useTransition } from 'react'
+import { useComponentNavigation } from '../../components/ComponentNavigator'
+import { ListGroup } from '../../components/ListGroup'
+import { CardSpace, WorkspaceTabNavigator } from '../../components/WorkspaceTabNavigator'
+import { ChatProperties } from '../../state/ChatState'
+import { AgentsTab } from '../Agents/AgentsTab'
+import { KnowledgeSourcesTab } from '../KnowledgeSources'
+import { StacksTab } from '../Stacks'
+
+const SpaceCard = ({ workspaceId }: { workspaceId: string }) => {
+  const workspace = workspaceAiClient.workspaceAi.useQuery({ id: workspaceId })
+  return <Flex flexDirection="column" sx={{ gap: '8px' }}>
+    <Flex flexDirection="column" sx={{ gap: '4px' }}>
+      <Flex alignContent="center" alignItems="center" sx={{ gap: '8px', m: 1 }} >
+        <Avatar size="xxs" appearance="square" sx={{ bg: 'light.600', r: 'xxs' }}>
+          {workspace.logo ? <Image src={workspace.logo} /> : <IconBox> <Circle /> </IconBox>}
+        </Avatar>
+        <Text appearance="body2" weight="medium">{workspace.name} </Text>
+      </Flex>
+      <Text colorScheme="light.700">{workspace.description}</Text>
+    </Flex>
+  </Flex>
+}
+
+export interface TabProps {
+  visibility: WorkspaceVisibilityLevelEnum,
+  allKS: React.MutableRefObject<ChatProperties['knowledgeSources']>,
+  agent: React.MutableRefObject<ChatProperties['agent']>,
+  stack: React.MutableRefObject<ChatProperties['stack']>,
+  workspaceId?: string,
+  onSubmit: () => void,
+}
+
+export interface WorkspaceResource {
+  id: string,
+  resourceType: 'agent' | 'ks' | 'stack',
+  displayName: string,
+  icon: React.ReactElement,
+  workspaceId?: string,
+}
+
+const showSubmitButton = false
+
+export const WorkspaceResources = ({ workspaceId, allKS, agent, stack }: Omit<TabProps, 'onSubmit'>) => {
+  const { navigate } = useComponentNavigation<typeof workspaceTabComponents>()
+  const [isPending, startTransition] = useTransition()
+  const resourceTypes: WorkspaceResource[] = [
+    { id: 'agents', resourceType: 'agent', displayName: 'Agents', workspaceId, icon: <Agent /> },
+    { id: 'ks', resourceType: 'ks', displayName: 'Knowledge Sources', workspaceId, icon: <KnowledgeSource /> },
+    { id: 'stack', resourceType: 'stack', displayName: 'Stacks', workspaceId, icon: <Stack /> },
+  ]
+
+  const handleNavigate = (resource: WorkspaceResource) => {
+    startTransition(() => {
+      if (resource.resourceType === 'agent')
+        navigate({ component: 'agent', props: { visibility: 'WORKSPACE', agent, workspaceId, showSubmitButton }, fullScreen: true })
+
+      if (resource.resourceType === 'ks')
+        navigate({ component: 'ks', props: { visibility: 'workspace', allKS, workspaceId, showSubmitButton }, fullScreen: true })
+
+      if (resource.resourceType === 'stack')
+        navigate({ component: 'stack', props: { visibility: 'workspace', stack, workspaceId, showSubmitButton }, fullScreen: true })
+    })
+  }
+
+  return (<>
+    {workspaceId && <SpaceCard workspaceId={workspaceId} />}
+    <ListGroup
+      list={resourceTypes}
+      keygen={w => w.id}
+      onClick={(resource) => { handleNavigate(resource) }}
+      renderLabel={r => <CardSpace name={r.displayName} icon={r.icon} onClick={() => handleNavigate(r)} />}
+      style={{ gap: '6px', display: 'flex', flexDirection: 'column', opacity: isPending ? '0.5' : '1' }}
+    />
+  </>
+  )
+}
+
+const workspaceTabComponents = {
+  workspaceResource: WorkspaceResources,
+  agent: AgentsTab,
+  ks: KnowledgeSourcesTab,
+  stack: StacksTab,
+}
+
+export function WorkspacesTab({ visibility, allKS, agent, stack, onSubmit }: TabProps) {
+  const t = useTranslate(dictionary)
+  const buildNavigateParams = (workspace: WorkspaceResponse) => ({
+    component: 'workspaceResource',
+    props: { allKS, agent, stack, visibility, workspaceId: workspace.id } satisfies Omit<TabProps, 'onSubmit'>,
+    fullScreen: true,
+  })
+
+  return (<>
+    <WorkspaceTabNavigator
+      components={workspaceTabComponents}
+      getNavigateParam={buildNavigateParams}
+      visibility={visibility}
+    />
+    <Button className="workspace-submit" onClick={onSubmit} >{t.apply}</Button>
+  </>
+  )
+}
+
+const dictionary = {
+  en: {
+    apply: 'Apply',
+  },
+  pt: {
+    apply: 'Aplicar',
+  },
+} satisfies Dictionary

package/src/views/Workspaces/index.tsx

@@ -0,0 +1,85 @@
+import { Dictionary, useTranslate } from '@stack-spot/portal-translate'
+import { useCallback, useEffect, useRef } from 'react'
+import { RightPanelTabs } from '../../components/RightPanelTabs'
+import { useCurrentChat, useWidget, useWidgetState } from '../../context/hooks'
+import { useRightPanel } from '../../right-panel/hooks'
+import { WorkspacesTab } from './WorkspacesTab'
+
+/**
+ * Renders the Workspace selection form in the Right Panel if this is the panel that is currently opened.
+ */
+export const Workspaces = () => {
+  const t = useTranslate(dictionary)
+  const panel = useWidgetState('panel')
+  const { open } = useRightPanel()
+  const widget = useWidget()
+  const chat = useCurrentChat()
+
+  useEffect(() => {
+    if (panel === 'workspace') open(
+      <WorkspacesPanel key={chat.id} />,
+      { title: t.title, description: t.description, onClose: () => widget.set('panel', undefined) },
+    )
+  }, [panel, t, chat.id])
+  return null
+}
+
+const WorkspacesPanel = () => {
+  const t = useTranslate(dictionary)
+  const chat = useCurrentChat()
+  const allKS = useRef(chat.get('knowledgeSources') ?? [])
+  const agent = useRef(chat.get('agent'))
+  const stack = useRef(chat.get('stack'))
+  const { close } = useRightPanel()
+
+  const onSubmit = useCallback(() => {
+    chat.set('knowledgeSources', allKS.current)
+    chat.set('stack', stack.current)
+    chat.set('agent', agent.current)
+    close()
+  }, [chat])
+
+  useEffect(() => {
+    allKS.current = chat.get('knowledgeSources') ?? []
+    agent.current = chat.get('agent')
+    stack.current = chat.get('stack')
+  }, [chat])
+
+
+  return <RightPanelTabs key={chat.id} tabs={[
+    {
+      title: t.favorites,
+      content: <WorkspacesTab key="favorite" visibility="favorite" allKS={allKS} agent={agent} stack={stack} onSubmit={onSubmit} />,
+    },
+    {
+      title: t.all,
+      content: <WorkspacesTab key="all" visibility="all" allKS={allKS} agent={agent} stack={stack} onSubmit={onSubmit} />,
+    },
+  ]}
+  />
+}
+
+const dictionary = {
+  en: {
+    title: 'Spaces',
+    description: 'By selecting a space, its Knowledge Sources (KSs), Agents, Quick Commands and Stacks Ai will be consulted to generate the answers.',
+    apply: 'Apply',
+    noSearchResults: "Your search didn't yield results.",
+    noSearchResultsDescription: 'Please, try another search term.',
+    noData: 'There are no spaces yet.',
+    noDataDescription: 'Use the AI portal to create new spaces.',
+    all: 'All',
+    favorites: 'Favorites',
+  },
+  pt: {
+    title: 'Spaces',
+    description: 'Ao selecionar um space, seus Knowledge Sources (KSs), Agentes, Quick Commands e Stacks Ai serão consultados para gerar as respostas.',
+    apply: 'Aplicar',
+    noSearchResults: 'Sua busca não produziu resultados',
+    noSearchResultsDescription: 'Por favor, tente outra busca.',
+    noData: 'Ainda não há spaces.',
+    noDataDescription: 'Use o Portal AI para criar novos spaces.',
+    all: 'Todos',
+    favorites: 'Favoritos',
+  },
+} satisfies Dictionary

package/dist/views/Workspaces.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Workspaces.d.ts","sourceRoot":"","sources":["../../src/views/Workspaces.tsx"],"names":[],"mappings":"AAaA;;GAEG;AACH,eAAO,MAAM,UAAU,YActB,CAAA"}

package/dist/views/Workspaces.js

@@ -1,103 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from '@citric/core';
-import { Search } from '@citric/icons';
-import { Placeholder } from '@stack-spot/portal-components/Placeholder';
-import { workspaceClient } from '@stack-spot/portal-network';
-import { useTranslate } from '@stack-spot/portal-translate';
-import { useEffect, useMemo, useState } from 'react';
-import { DescribedRadioGroup } from '../components/form/DescribedRadioGroup.js';
-import { IconInput } from '../components/IconInput.js';
-import { RightPanelTabs } from '../components/RightPanelTabs.js';
-import { useCurrentChat, useWidget, useWidgetState } from '../context/hooks.js';
-import { useRightPanel } from '../right-panel/hooks.js';
-/**
- * Renders the Workspace selection form in the Right Panel if this is the panel that is currently opened.
- */
-export const Workspaces = () => {
-    const t = useTranslate(dictionary);
-    const panel = useWidgetState('panel');
-    const { open } = useRightPanel();
-    const widget = useWidget();
-    const chat = useCurrentChat();
-    useEffect(() => {
-        if (panel === 'workspace')
-            open(_jsx(WorkspacesPanel, {}, chat.id), { title: t.title, description: t.description, onClose: () => widget.set('panel', undefined) });
-    }, [panel, t, chat.id]);
-    return null;
-};
-const WorkspacesPanel = () => {
-    const t = useTranslate(dictionary);
-    const chat = useCurrentChat();
-    return _jsx(RightPanelTabs, { tabs: [
-            // { title: t.favorites, content: <WorkspaceSourcesTab key="favorite" visibility="favorite" /> },
-            { title: t.all, content: _jsx(WorkspaceSourcesTab, {}, "all") },
-        ] }, chat.id);
-};
-const WorkspaceSourcesTab = () => {
-    const t = useTranslate(dictionary);
-    const { close } = useRightPanel();
-    const chat = useCurrentChat();
-    const [filter, setFilter] = useState('');
-    // const workspaces = workspaceAiClient.workspacesAi.useQuery({ visibility })
-    // const [value, setValue] = useState<WorkspaceResponse | undefined>(workspaces.find(w => w.id === chat.get('workspace')?.id))
-    const workspaces = workspaceClient.workspaces.useQuery({ aclOnly: false });
-    const [value, setValue] = useState(workspaces.find(w => w.id === chat.get('workspace')?.id));
-    // const listFavorites = workspaceAiClient.workspacesAi.useQuery({ visibility: 'favorite' })
-    // const [addFavorite, pendingAddFav] = workspaceAiClient.addFavoriteWorkspaceAi.useMutation()
-    // const [removeFavorite, pendingRemoveFav] = workspaceAiClient.removeFavoriteWorkspaceAi.useMutation()
-    // const onAddFavorite = async(idOrSlug: string) => {
-    //   try {
-    //     await addFavorite({ workspaceId: idOrSlug })
-    //     await workspaceAiClient.workspacesAi.invalidate()
-    //   } catch (error) {
-    //     // eslint-disable-next-line no-console
-    //     console.error(error)
-    //   }
-    // }
-    // const onRemoveFavorite = async(idOrSlug: string) => {
-    //   try {
-    //     await removeFavorite({ workspaceId: idOrSlug })
-    //     await workspaceAiClient.workspacesAi.invalidate()
-    //   } catch (error) {
-    //     // eslint-disable-next-line no-console
-    //     console.error(error)
-    //   }
-    // }
-    const filtered = useMemo(
-    // Recreate the list so that the favorites list is taken into account
-    () => filter ? workspaces.filter(w => w === value || w.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase())) : workspaces, [workspaces, filter, value]);
-    function submit() {
-        if (value)
-            chat.set('workspace', { id: value.id, label: value.name });
-        close();
-    }
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "content", children: [_jsx(IconInput, { icon: _jsx(Search, {}), value: filter, onChange: setFilter, className: "search" }), !!filtered.length && _jsx(DescribedRadioGroup, { options: filtered, keygen: w => w.id, value: value, onChange: setValue, renderLabel: w => w.name, renderDescription: w => w.description, optionClassName: w => (w === value && filter && !w.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase()))
-                            ? 'filtered-out'
-                            : '', className: "option-list" }), !!workspaces.length && !filtered.length &&
-                        _jsx(Placeholder, { title: t.noSearchResults, description: t.noSearchResultsDescription, className: "no-data-placeholder" }), !workspaces.length && _jsx(Placeholder, { title: t.noData, description: t.noDataDescription })] }), !!filtered.length && _jsx(Button, { onClick: submit, disabled: !value, children: t.apply })] }));
-};
-const dictionary = {
-    en: {
-        title: 'Workspaces',
-        description: 'By selecting a workspace, its Knowledge Sources (KSs) will be consulted to generate the answers.',
-        apply: 'Apply',
-        noSearchResults: "Your search didn't yield results.",
-        noSearchResultsDescription: 'Please, try another search term.',
-        noData: 'There are no workspaces yet.',
-        noDataDescription: 'Use the AI portal to create new workspaces.',
-        all: 'All',
-        favorites: 'Favorites',
-    },
-    pt: {
-        title: 'Workspaces',
-        description: 'Ao selecionar um workspace, seus Knowledge Sources (KSs) serão consultados para gerar as respostas.',
-        apply: 'Aplicar',
-        noSearchResults: 'Sua busca não produziu resultados',
-        noSearchResultsDescription: 'Por favor, tente outra busca.',
-        noData: 'Ainda não há workspace.',
-        noDataDescription: 'Use o Portal AI para criar novos workspaces.',
-        all: 'Todos',
-        favorites: 'Favoritos',
-    },
-};
-//# sourceMappingURL=Workspaces.js.map

package/dist/views/Workspaces.js.map

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

package/src/views/Workspaces.tsx

@@ -1,137 +0,0 @@
-import { Button } from '@citric/core'
-import { Search } from '@citric/icons'
-import { Placeholder } from '@stack-spot/portal-components/Placeholder'
-import { workspaceClient } from '@stack-spot/portal-network'
-import { WorkspaceReadResponse } from '@stack-spot/portal-network/api/workspace'
-import { Dictionary, useTranslate } from '@stack-spot/portal-translate'
-import { useEffect, useMemo, useState } from 'react'
-import { DescribedRadioGroup } from '../components/form/DescribedRadioGroup'
-import { IconInput } from '../components/IconInput'
-import { RightPanelTabs } from '../components/RightPanelTabs'
-import { useCurrentChat, useWidget, useWidgetState } from '../context/hooks'
-import { useRightPanel } from '../right-panel/hooks'
-
-/**
- * Renders the Workspace selection form in the Right Panel if this is the panel that is currently opened.
- */
-export const Workspaces = () => {
-  const t = useTranslate(dictionary)
-  const panel = useWidgetState('panel')
-  const { open } = useRightPanel()
-  const widget = useWidget()
-  const chat = useCurrentChat()
-
-  useEffect(() => {
-    if (panel === 'workspace') open(
-      <WorkspacesPanel key={chat.id} />,
-      { title: t.title, description: t.description, onClose: () => widget.set('panel', undefined) },
-    )
-  }, [panel, t, chat.id])
-  return null
-}
-
-const WorkspacesPanel = () => {
-  const t = useTranslate(dictionary)
-  const chat = useCurrentChat()
-
-  return <RightPanelTabs key={chat.id} tabs={[
-    // { title: t.favorites, content: <WorkspaceSourcesTab key="favorite" visibility="favorite" /> },
-    { title: t.all, content: <WorkspaceSourcesTab key="all" /> },
-  ]}
-  />
-}
-
-const WorkspaceSourcesTab = () => {
-  const t = useTranslate(dictionary)
-  const { close } = useRightPanel()
-  const chat = useCurrentChat()
-  const [filter, setFilter] = useState('')
-  // const workspaces = workspaceAiClient.workspacesAi.useQuery({ visibility })
-  // const [value, setValue] = useState<WorkspaceResponse | undefined>(workspaces.find(w => w.id === chat.get('workspace')?.id))
-  const workspaces = workspaceClient.workspaces.useQuery({ aclOnly: false })
-
-  const [value, setValue] = useState<WorkspaceReadResponse | undefined>(workspaces.find(w => w.id === chat.get('workspace')?.id))
-  // const listFavorites = workspaceAiClient.workspacesAi.useQuery({ visibility: 'favorite' })
-
-  // const [addFavorite, pendingAddFav] = workspaceAiClient.addFavoriteWorkspaceAi.useMutation()
-  // const [removeFavorite, pendingRemoveFav] = workspaceAiClient.removeFavoriteWorkspaceAi.useMutation()
-
-  // const onAddFavorite = async(idOrSlug: string) => {
-  //   try {
-  //     await addFavorite({ workspaceId: idOrSlug })
-  //     await workspaceAiClient.workspacesAi.invalidate()
-  //   } catch (error) {
-  //     // eslint-disable-next-line no-console
-  //     console.error(error)
-  //   }
-  // }
-  // const onRemoveFavorite = async(idOrSlug: string) => {
-  //   try {
-  //     await removeFavorite({ workspaceId: idOrSlug })
-  //     await workspaceAiClient.workspacesAi.invalidate()
-  //   } catch (error) {
-  //     // eslint-disable-next-line no-console
-  //     console.error(error)
-  //   }
-  // }
-
-  const filtered = useMemo(
-    // Recreate the list so that the favorites list is taken into account
-    () => filter ? workspaces.filter(w => w === value || w.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase())) : workspaces,
-    [workspaces, filter, value],
-  )
-
-  function submit() {
-    if (value) chat.set('workspace', { id: value.id, label: value.name })
-    close()
-  }
-  return (
-    <>
-      <div className="content">
-        <IconInput icon={<Search />} value={filter} onChange={setFilter} className="search" />
-        {!!filtered.length && <DescribedRadioGroup
-          options={filtered}
-          keygen={w => w.id}
-          value={value}
-          onChange={setValue}
-          renderLabel={w => w.name}
-          renderDescription={w => w.description}
-          optionClassName={w => (w === value && filter && !w.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase()))
-            ? 'filtered-out'
-            : ''
-          }
-          className="option-list"
-        />}
-        {!!workspaces.length && !filtered.length &&
-          <Placeholder title={t.noSearchResults} description={t.noSearchResultsDescription} className="no-data-placeholder" />}
-        {!workspaces.length && <Placeholder title={t.noData} description={t.noDataDescription} />}
-      </div>
-      {!!filtered.length && <Button onClick={submit} disabled={!value}>{t.apply}</Button>}
-    </>
-  )
-}
-
-const dictionary = {
-  en: {
-    title: 'Workspaces',
-    description: 'By selecting a workspace, its Knowledge Sources (KSs) will be consulted to generate the answers.',
-    apply: 'Apply',
-    noSearchResults: "Your search didn't yield results.",
-    noSearchResultsDescription: 'Please, try another search term.',
-    noData: 'There are no workspaces yet.',
-    noDataDescription: 'Use the AI portal to create new workspaces.',
-    all: 'All',
-    favorites: 'Favorites',
-  },
-  pt: {
-    title: 'Workspaces',
-    description: 'Ao selecionar um workspace, seus Knowledge Sources (KSs) serão consultados para gerar as respostas.',
-    apply: 'Aplicar',
-    noSearchResults: 'Sua busca não produziu resultados',
-    noSearchResultsDescription: 'Por favor, tente outra busca.',
-    noData: 'Ainda não há workspace.',
-    noDataDescription: 'Use o Portal AI para criar novos workspaces.',
-    all: 'Todos',
-    favorites: 'Favoritos',
-  },
-} satisfies Dictionary