@stack-spot/ai-chat-widget 1.17.0 → 1.18.0-beta.0

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