@eeacms/volto-eea-chatbot 2.0.1 → 2.0.2

package/.eslintrc.js

@@ -16,16 +16,16 @@ if (configFile) {
     voltoPath = `./${jsConfig.baseUrl}/${pathsConfig['@plone/volto'][0]}`;
 }
 
-const AddonConfigurationRegistry = require(`${voltoPath}/addon-registry.js`);
-const reg = new AddonConfigurationRegistry(projectRootPath);
+const { AddonRegistry } = require('@plone/registry/addon-registry');
+const { registry } = AddonRegistry.init(projectRootPath);
 
 // Extends ESlint configuration for adding aliases to `src` directories in Volto addons
-const addonAliases = Object.keys(reg.packages).map((o) => [
+const addonAliases = Object.keys(registry.packages).map((o) => [
   o,
-  reg.packages[o].modulePath,
+  registry.packages[o].modulePath,
 ]);
 
-const addonExtenders = reg.getEslintExtenders().map((m) => require(m));
+const addonExtenders = registry.getEslintExtenders().map((m) => require(m));
 
 const defaultConfig = {
   extends: `${voltoPath}/.eslintrc`,
@@ -34,7 +34,7 @@ const defaultConfig = {
       alias: {
         map: [
           ['@plone/volto', '@plone/volto/src'],
-          ['@plone/volto-slate', '@plone/volto/packages/volto-slate/src'],
+          ['@plone/volto-slate', '@plone/volto-slate/src'],
           ...addonAliases,
           ['@package', `${__dirname}/src`],
           ['@root', `${__dirname}/src`],

package/CHANGELOG.md

@@ -4,6 +4,8 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [2.0.2](https://github.com/eea/volto-eea-chatbot/compare/2.0.1...2.0.2) - 8 April 2026
+
 ### [2.0.1](https://github.com/eea/volto-eea-chatbot/compare/2.0.0...2.0.1) - 2 April 2026
 
 #### :bug: Bug Fixes

package/jest-addon.config.js

@@ -423,6 +423,7 @@ module.exports = {
     'schema\\.[jt]s?$',
     'index\\.[jt]s?$',
     'config\\.[jt]sx?$',
+    '/types/',
   ],
   moduleNameMapper: {
     '\\.(css|less|scss|sass)$': 'identity-obj-proxy',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-chatbot",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "@eeacms/volto-eea-chatbot: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/ChatBlock/ChatBlockEdit.jsx

@@ -1,7 +1,8 @@
 import React from 'react';
 import { compose } from 'redux';
 import superagent from 'superagent';
-import { BlockDataForm, SidebarPortal } from '@plone/volto/components';
+import SidebarPortal from '@plone/volto/components/manage/Sidebar/SidebarPortal';
+import BlockDataForm from '@plone/volto/components/manage/Form/BlockDataForm';
 
 import ChatBlockView from './ChatBlockView';
 import { ChatBlockSchema } from './schema';

package/src/ChatBlock/chat/AIMessage.tsx

@@ -1,7 +1,7 @@
-import type { ChatMessageProps } from '../types/interfaces';
+import type { ChatMessageProps } from '@eeacms/volto-eea-chatbot/ChatBlock/types/interfaces';
 import { useState, useMemo, useEffect } from 'react';
 import cx from 'classnames';
-import visit from 'unist-util-visit';
+import { visit } from 'unist-util-visit';
 import loadable from '@loadable/component';
 import {
   Tab,
@@ -14,29 +14,33 @@ import {
   useDeepCompareMemoize,
   useQualityMarkers,
   useScrollonStream,
-} from '../hooks';
-import { MultiToolRenderer, RendererComponent } from '../packets';
-import { addCitations } from '../utils/citations';
-import SVGIcon from '../components/Icon';
-import BotIcon from '../../icons/bot.svg';
-import ClearIcon from '../../icons/clear.svg';
+} from '@eeacms/volto-eea-chatbot/ChatBlock/hooks';
+import {
+  MultiToolRenderer,
+  RendererComponent,
+} from '@eeacms/volto-eea-chatbot/ChatBlock/packets';
+import { addCitations } from '@eeacms/volto-eea-chatbot/ChatBlock/utils/citations';
+import SVGIcon from '@eeacms/volto-eea-chatbot/ChatBlock/components/Icon';
+import BotIcon from '@eeacms/volto-eea-chatbot/icons/bot.svg';
+import ClearIcon from '@eeacms/volto-eea-chatbot/icons/clear.svg';
 
 // Lazy load heavy components
-const SourceDetails: any = loadable(() => import('../components/Source'));
+const SourceDetails: any = loadable(
+  () => import('@eeacms/volto-eea-chatbot/ChatBlock/components/Source'),
+);
 const UserActionsToolbar: any = loadable(
-  () => import('../components/UserActionsToolbar'),
+  () =>
+    import('@eeacms/volto-eea-chatbot/ChatBlock/components/UserActionsToolbar'),
 );
 const RelatedQuestions: any = loadable(
-  () => import('../components/RelatedQuestions'),
+  () =>
+    import('@eeacms/volto-eea-chatbot/ChatBlock/components/RelatedQuestions'),
 );
 const HalloumiFeedback: any = loadable(
-  () => import('../components/HalloumiFeedback'),
+  () =>
+    import('@eeacms/volto-eea-chatbot/ChatBlock/components/HalloumiFeedback'),
 );
 
-function capitalize(str: string) {
-  return str.charAt(0).toUpperCase() + str.slice(1);
-}
-
 function addQualityMarkersPlugin() {
   return function (tree: any) {
     visit(tree, 'element', function (node: any) {

package/src/ChatBlock/chat/ChatMessage.tsx

@@ -1,5 +1,5 @@
 import { Message as SemanticMessage } from 'semantic-ui-react';
-import type { ChatMessageProps } from '../types/interfaces';
+import type { ChatMessageProps } from '@eeacms/volto-eea-chatbot/ChatBlock/types/interfaces';
 import { UserMessage, AIMessage } from '.';
 
 export function ChatMessage(props: ChatMessageProps) {

package/src/ChatBlock/chat/ChatWindow.tsx

@@ -5,21 +5,21 @@ import React, {
   useMemo,
   useCallback,
 } from 'react';
-import type { Persona } from '../types/interfaces';
+import type { Persona } from '@eeacms/volto-eea-chatbot/ChatBlock/types/interfaces';
 import { Button, Form, Segment, Checkbox } from 'semantic-ui-react';
 import { injectLazyLibs } from '@plone/volto/helpers/Loadable';
 import { trackEvent } from '@eeacms/volto-matomo/utils';
 
 import { ChatMessage } from '.';
-import { PacketType } from '../types/streamingModels';
-import AutoResizeTextarea from '../components/AutoResizeTextarea';
-import QualityCheckToggle from '../components/QualityCheckToggle';
-import EmptyState from '../components/EmptyState';
-import { useChatController } from '../hooks';
-import SVGIcon from '../components/Icon';
-import PenIcon from '../../icons/square-pen.svg';
+import { PacketType } from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
+import AutoResizeTextarea from '@eeacms/volto-eea-chatbot/ChatBlock/components/AutoResizeTextarea';
+import QualityCheckToggle from '@eeacms/volto-eea-chatbot/ChatBlock/components/QualityCheckToggle';
+import EmptyState from '@eeacms/volto-eea-chatbot/ChatBlock/components/EmptyState';
+import { useChatController } from '@eeacms/volto-eea-chatbot/ChatBlock/hooks';
+import SVGIcon from '@eeacms/volto-eea-chatbot/ChatBlock/components/Icon';
+import PenIcon from '@eeacms/volto-eea-chatbot/icons/square-pen.svg';
 
-import '../style.less';
+import '@eeacms/volto-eea-chatbot/ChatBlock/style.less';
 
 interface ChatWindowProps {
   block_id?: string;
@@ -182,9 +182,8 @@ function ChatWindow({
               style={{ maxHeight: height }}
             >
               {messages.map((message, index) => (
-                <React.Fragment>
+                <React.Fragment key={message.messageId}>
                   <ChatMessage
-                    key={message.messageId}
                     prevMessage={messages[index - 1]}
                     message={message}
                     isLoading={isStreaming}

package/src/ChatBlock/chat/UserMessage.tsx

@@ -1,8 +1,8 @@
-import type { ChatMessageProps } from '../types/interfaces';
+import type { ChatMessageProps } from '@eeacms/volto-eea-chatbot/ChatBlock/types/interfaces';
 import loadable from '@loadable/component';
-import SVGIcon from '../components/Icon';
-import { components } from '../components/markdown';
-import UserIcon from '../../icons/user.svg';
+import SVGIcon from '@eeacms/volto-eea-chatbot/ChatBlock/components/Icon';
+import { components } from '@eeacms/volto-eea-chatbot/ChatBlock/components/markdown';
+import UserIcon from '@eeacms/volto-eea-chatbot/icons/user.svg';
 
 const Markdown: any = loadable(() => import('react-markdown'));
 

package/src/ChatBlock/components/AutoResizeTextarea.jsx

@@ -4,7 +4,7 @@ import { trackEvent } from '@eeacms/volto-matomo/utils';
 import TextareaAutosize from 'react-textarea-autosize';
 
 import SVGIcon from './Icon';
-import SendIcon from '../../icons/send.svg';
+import SendIcon from '@eeacms/volto-eea-chatbot/icons/send.svg';
 
 export default React.forwardRef(function AutoResizeTextarea(props, ref) {
   const { onSubmit, isStreaming, enableMatomoTracking, persona, ...rest } =

package/src/ChatBlock/components/ChatMessageFeedback.jsx

@@ -2,8 +2,8 @@ import { useState } from 'react';
 import { Button, Icon } from 'semantic-ui-react';
 import FeedbackModal from './FeedbackModal';
 import SVGIcon from './Icon';
-import ThumbsUpIcon from '../../icons/thumbs-up.svg';
-import ThumbsDownIcon from '../../icons/thumbs-down.svg';
+import ThumbsUpIcon from '@eeacms/volto-eea-chatbot/icons/thumbs-up.svg';
+import ThumbsDownIcon from '@eeacms/volto-eea-chatbot/icons/thumbs-down.svg';
 
 const Toast = ({ message, type, isActive }) => (
   <div className={`feedback-toast ${type} ${isActive ? 'active' : ''}`}>

package/src/ChatBlock/components/EmptyState.jsx

@@ -1,5 +1,5 @@
 import { Button } from 'semantic-ui-react';
-import { debounce } from '../utils';
+import { debounce } from '@eeacms/volto-eea-chatbot/ChatBlock/utils';
 
 function StarterMessage({ msg, onClick }) {
   if (!(msg.name || msg.message)) return null;

package/src/ChatBlock/components/FeedbackModal.jsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { trackEvent } from '@eeacms/volto-matomo/utils';
 import { Modal, Button, TextArea, Form, Icon } from 'semantic-ui-react';
-import { createChatMessageFeedback } from '../utils';
+import { createChatMessageFeedback } from '@eeacms/volto-eea-chatbot/ChatBlock/utils';
 
 const FeedbackModal = ({
   modalOpen,

package/src/ChatBlock/components/HalloumiFeedback.jsx

@@ -6,8 +6,8 @@ import Spinner from './Spinner';
 import SVGIcon from './Icon';
 import { getSupportedBgColor } from './markdown/colors';
 
-import GlassesIcon from '../../icons/glasses.svg';
-import RotateIcon from '../../icons/rotate.svg';
+import GlassesIcon from '@eeacms/volto-eea-chatbot/icons/glasses.svg';
+import RotateIcon from '@eeacms/volto-eea-chatbot/icons/rotate.svg';
 
 const VERIFY_CLAIM_MESSAGES = [
   'Going through each claim and verify against the referenced documents...',

package/src/ChatBlock/components/Source.jsx

@@ -1,8 +1,8 @@
 import { Popup } from 'semantic-ui-react';
 import SVGIcon from './Icon';
 
-import FileIcon from '../../icons/file.svg';
-import GlobeIcon from '../../icons/globe.svg';
+import FileIcon from '@eeacms/volto-eea-chatbot/icons/file.svg';
+import GlobeIcon from '@eeacms/volto-eea-chatbot/icons/globe.svg';
 
 import { injectLazyLibs } from '@plone/volto/helpers/Loadable/Loadable';
 

package/src/ChatBlock/components/UserActionsToolbar.jsx

@@ -1,11 +1,11 @@
 import cx from 'classnames';
 import { Button } from 'semantic-ui-react';
-import { useCopyToClipboard } from '../utils';
+import { useCopyToClipboard } from '@eeacms/volto-eea-chatbot/ChatBlock/utils';
 import SVGIcon from './Icon';
 import ChatMessageFeedback from './ChatMessageFeedback';
 
-import CopyIcon from '../../icons/copy.svg';
-import CheckIcon from '../../icons/check.svg';
+import CopyIcon from '@eeacms/volto-eea-chatbot/icons/copy.svg';
+import CheckIcon from '@eeacms/volto-eea-chatbot/icons/check.svg';
 
 const UserActionsToolbar = ({
   className,

package/src/ChatBlock/components/WebResultIcon.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import SVGIcon from './Icon';
-import FileIcon from '../../icons/file.svg';
-import GlobeIcon from '../../icons/globe.svg';
+import FileIcon from '@eeacms/volto-eea-chatbot/icons/file.svg';
+import GlobeIcon from '@eeacms/volto-eea-chatbot/icons/globe.svg';
 
 interface WebResultIconProps {
   url: string;

package/src/ChatBlock/components/markdown/ClaimModal.jsx

@@ -1,11 +1,11 @@
 import { Modal, ModalContent, ModalHeader } from 'semantic-ui-react';
 import cx from 'classnames';
-import { convertToPercentage } from '../../utils';
-import SVGIcon from '../Icon';
+import { convertToPercentage } from '@eeacms/volto-eea-chatbot/ChatBlock/utils';
+import SVGIcon from '@eeacms/volto-eea-chatbot/ChatBlock/components/Icon';
 import { getSupportedBgColor } from './colors';
 import { ClaimSegments } from './ClaimSegments';
 
-import BotIcon from '../../../icons/bot.svg';
+import BotIcon from '@eeacms/volto-eea-chatbot/icons/bot.svg';
 
 const stripHtml = (html) => {
   const tmp = document.createElement('div');

package/src/ChatBlock/components/markdown/ClaimSegments.jsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import { Tab, TabPane } from 'semantic-ui-react';
-import SVGIcon from '../Icon';
+import SVGIcon from '@eeacms/volto-eea-chatbot/ChatBlock/components/Icon';
 import { RenderClaimView } from './RenderClaimView';
-import LinkIcon from '../../../icons/external-link.svg';
-import FileIcon from '../../../icons/file.svg';
-import GlobeIcon from '../../../icons/globe.svg';
+import LinkIcon from '@eeacms/volto-eea-chatbot/icons/external-link.svg';
+import FileIcon from '@eeacms/volto-eea-chatbot/icons/file.svg';
+import GlobeIcon from '@eeacms/volto-eea-chatbot/icons/globe.svg';
 
 const VISIBLE_SEGMENTS = 50; // Number of citations to show by default
 

package/src/ChatBlock/components/markdown/{index.js → index.jsx}

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ClaimModal } from './ClaimModal';
 import { Citation } from './Citation';
-import { transformEmailsToLinks } from '../../utils';
+import { transformEmailsToLinks } from '@eeacms/volto-eea-chatbot/ChatBlock/utils';
 
 export function components(message, markers, citedSources) {
   return {

package/src/ChatBlock/hooks/useChatController.ts

@@ -1,9 +1,12 @@
-import type { Message } from '../types/interfaces';
+import type { Message } from '@eeacms/volto-eea-chatbot/ChatBlock/types/interfaces';
 import { useState, useCallback, useRef, useEffect } from 'react';
 import { useChatStreaming } from './useChatStreaming';
-import { createChatSession, sendMessage } from '../services/streamingService';
-import { PacketType } from '../types/streamingModels';
-import { ResearchType } from '../types/interfaces';
+import {
+  createChatSession,
+  sendMessage,
+} from '@eeacms/volto-eea-chatbot/ChatBlock/services/streamingService';
+import { PacketType } from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
+import { ResearchType } from '@eeacms/volto-eea-chatbot/ChatBlock/types/interfaces';
 
 interface UseChatControllerProps {
   personaId: number;

package/src/ChatBlock/hooks/useChatStreaming.ts

@@ -1,8 +1,8 @@
-import type { Message } from '../types/interfaces';
-import type { SendMessageParams } from '../services/streamingService';
+import type { Message } from '@eeacms/volto-eea-chatbot/ChatBlock/types/interfaces';
+import type { SendMessageParams } from '@eeacms/volto-eea-chatbot/ChatBlock/services/streamingService';
 import { useState, useCallback, useRef } from 'react';
-import { sendMessage } from '../services/streamingService';
-import { MessageProcessor } from '../services/messageProcessor';
+import { sendMessage } from '@eeacms/volto-eea-chatbot/ChatBlock/services/streamingService';
+import { MessageProcessor } from '@eeacms/volto-eea-chatbot/ChatBlock/services/messageProcessor';
 
 interface UseChatStreamingProps {
   onMessageUpdate?: (message: Message, processor: MessageProcessor) => void;

package/src/ChatBlock/hooks/useToolDisplayTiming.ts

@@ -1,4 +1,4 @@
-import type { Packet } from '../types/streamingModels';
+import type { Packet } from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
 import { useMemo, useState, useCallback, useEffect } from 'react';
 
 interface ToolState {

package/src/ChatBlock/packets/MultiToolRenderer.tsx

@@ -1,13 +1,13 @@
-import type { Packet } from '../types/streamingModels';
-import type { Message } from '../types/interfaces';
+import type { Packet } from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
+import type { Message } from '@eeacms/volto-eea-chatbot/ChatBlock/types/interfaces';
 import React, { useState, useEffect, useMemo } from 'react';
 import cx from 'classnames';
-import { PacketType } from '../types/streamingModels';
+import { PacketType } from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
 import { RendererComponent } from './RendererComponent';
-import { useToolDisplayTiming } from '../hooks/useToolDisplayTiming';
-import SVGIcon from '../components/Icon';
-import DoneIcon from '../../icons/done.svg';
-import ChevronIcon from '../../icons/chevron.svg';
+import { useToolDisplayTiming } from '@eeacms/volto-eea-chatbot/ChatBlock/hooks/useToolDisplayTiming';
+import SVGIcon from '@eeacms/volto-eea-chatbot/ChatBlock/components/Icon';
+import DoneIcon from '@eeacms/volto-eea-chatbot/icons/done.svg';
+import ChevronIcon from '@eeacms/volto-eea-chatbot/icons/chevron.svg';
 
 interface MultiToolRendererProps {
   toolGroups: { ind: number; packets: Packet[] }[];
@@ -30,11 +30,10 @@ export function MultiToolRenderer({
   // Filter tool groups based on allowed tool types
   const filteredToolGroups = useMemo(
     () =>
-      toolGroups.filter(
-        (group) =>
-          group.packets?.some(
-            (packet) => showTools?.includes(packet.obj.type as PacketType),
-          ),
+      toolGroups.filter((group) =>
+        group.packets?.some((packet) =>
+          showTools?.includes(packet.obj.type as PacketType),
+        ),
       ),
     [toolGroups, showTools],
   );

package/src/ChatBlock/packets/RendererComponent.tsx

@@ -1,6 +1,9 @@
-import type { Packet } from '../types/streamingModels';
-import type { RendererResult, Message } from '../types/interfaces';
-import { PacketType } from '../types/streamingModels';
+import type { Packet } from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
+import type {
+  RendererResult,
+  Message,
+} from '@eeacms/volto-eea-chatbot/ChatBlock/types/interfaces';
+import { PacketType } from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
 import {
   MessageTextRenderer,
   SearchToolRenderer,

package/src/ChatBlock/packets/renderers/CustomToolRenderer.tsx

@@ -2,10 +2,10 @@ import type {
   CustomToolPacket,
   CustomToolStart,
   CustomToolDelta,
-} from '../../types/streamingModels';
-import type { MessageRenderer } from '../../types/interfaces';
+} from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
+import type { MessageRenderer } from '@eeacms/volto-eea-chatbot/ChatBlock/types/interfaces';
 import { useEffect } from 'react';
-import { PacketType } from '../../types/streamingModels';
+import { PacketType } from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
 
 export const CustomToolRenderer: MessageRenderer<CustomToolPacket> = ({
   packets,

package/src/ChatBlock/packets/renderers/FetchToolRenderer.tsx

@@ -1,10 +1,10 @@
 import type {
   FetchToolPacket,
   FetchToolStart,
-} from '../../types/streamingModels';
-import type { MessageRenderer } from '../../types/interfaces';
+} from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
+import type { MessageRenderer } from '@eeacms/volto-eea-chatbot/ChatBlock/types/interfaces';
 import { useEffect } from 'react';
-import { PacketType } from '../../types/streamingModels';
+import { PacketType } from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
 
 export const FetchToolRenderer: MessageRenderer<FetchToolPacket> = ({
   packets,

package/src/ChatBlock/packets/renderers/ImageToolRenderer.tsx

@@ -3,9 +3,9 @@ import type {
   ImageGenerationToolPacket,
   ImageGenerationToolDelta,
   GeneratedImage,
-} from '../../types/streamingModels';
-import type { MessageRenderer } from '../../types/interfaces';
-import { PacketType } from '../../types/streamingModels';
+} from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
+import type { MessageRenderer } from '@eeacms/volto-eea-chatbot/ChatBlock/types/interfaces';
+import { PacketType } from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
 
 export const ImageToolRenderer: MessageRenderer<ImageGenerationToolPacket> = ({
   packets,

package/src/ChatBlock/packets/renderers/MessageTextRenderer.tsx

@@ -1,11 +1,11 @@
-import type { ChatPacket } from '../../types/streamingModels';
-import type { MessageRenderer } from '../../types/interfaces';
+import type { ChatPacket } from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
+import type { MessageRenderer } from '@eeacms/volto-eea-chatbot/ChatBlock/types/interfaces';
 import { useEffect, useMemo, useState } from 'react';
 import loadable from '@loadable/component';
-import { components } from '../../components/markdown';
-import { isFinalAnswerComplete } from '../../services/packetUtils';
-import { PacketType } from '../../types/streamingModels';
-import { BlinkingDot } from '../../components/BlinkingDot';
+import { components } from '@eeacms/volto-eea-chatbot/ChatBlock/components/markdown';
+import { isFinalAnswerComplete } from '@eeacms/volto-eea-chatbot/ChatBlock/services/packetUtils';
+import { PacketType } from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
+import { BlinkingDot } from '@eeacms/volto-eea-chatbot/ChatBlock/components/BlinkingDot';
 
 const Markdown: any = loadable(() => import('react-markdown'));
 
@@ -104,8 +104,8 @@ export const MessageTextRenderer: MessageRenderer<ChatPacket> = ({
       const resetCount = isStreamFinished
         ? packets.length // Show all if stream is finished
         : packets.length > 0
-        ? 1
-        : 0;
+          ? 1
+          : 0;
       setDisplayedPacketCount(resetCount);
     }
   }, [animate, packets.length, displayedPacketCount, isStreamFinished]);

package/src/ChatBlock/packets/renderers/ReasoningRenderer.tsx

@@ -1,13 +1,13 @@
 import type {
   ReasoningPacket,
   ReasoningDelta,
-} from '../../types/streamingModels';
-import type { MessageRenderer } from '../../types/interfaces';
+} from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
+import type { MessageRenderer } from '@eeacms/volto-eea-chatbot/ChatBlock/types/interfaces';
 import { useEffect, useState, useRef, useMemo } from 'react';
 import loadable from '@loadable/component';
-import { PacketType } from '../../types/streamingModels';
-import { components } from '../../components/markdown';
-import { addCitations } from '../../utils/citations';
+import { PacketType } from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
+import { components } from '@eeacms/volto-eea-chatbot/ChatBlock/components/markdown';
+import { addCitations } from '@eeacms/volto-eea-chatbot/ChatBlock/utils/citations';
 
 const Markdown: any = loadable(() => import('react-markdown'));
 

package/src/ChatBlock/packets/renderers/SearchToolRenderer.tsx

@@ -4,17 +4,17 @@ import type {
   SearchToolDelta,
   SectionEnd,
   OnyxDocument,
-} from '../../types/streamingModels';
-import type { MessageRenderer } from '../../types/interfaces';
+} from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
+import type { MessageRenderer } from '@eeacms/volto-eea-chatbot/ChatBlock/types/interfaces';
 import { useEffect, useState, useRef, useMemo } from 'react';
-import { PacketType } from '../../types/streamingModels';
-import { SourceChip } from '../../components/SourceChip';
-import { BlinkingDot } from '../../components/BlinkingDot';
-import SVGIcon from '../../components/Icon';
-import { WebResultIcon } from '../../components/WebResultIcon';
-import SearchIcon from '../../../icons/search.svg';
-import GlobeIcon from '../../../icons/globe.svg';
-import FileIcon from '../../../icons/file.svg';
+import { PacketType } from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
+import { SourceChip } from '@eeacms/volto-eea-chatbot/ChatBlock/components/SourceChip';
+import { BlinkingDot } from '@eeacms/volto-eea-chatbot/ChatBlock/components/BlinkingDot';
+import SVGIcon from '@eeacms/volto-eea-chatbot/ChatBlock/components/Icon';
+import { WebResultIcon } from '@eeacms/volto-eea-chatbot/ChatBlock/components/WebResultIcon';
+import SearchIcon from '@eeacms/volto-eea-chatbot/icons/search.svg';
+import GlobeIcon from '@eeacms/volto-eea-chatbot/icons/globe.svg';
+import FileIcon from '@eeacms/volto-eea-chatbot/icons/file.svg';
 
 const INITIAL_RESULTS_TO_SHOW = 3;
 const RESULTS_PER_EXPANSION = 10;

package/src/ChatBlock/services/messageProcessor.ts

@@ -5,14 +5,17 @@ import type {
   OnyxDocument,
   Packet,
   StreamingCitation,
-} from '../types/streamingModels';
-import type { Message, ToolCallMetadata } from '../types/interfaces';
+} from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
+import type {
+  Message,
+  ToolCallMetadata,
+} from '@eeacms/volto-eea-chatbot/ChatBlock/types/interfaces';
 import {
   getSynteticPacket,
   isToolPacket,
   isDisplayPacket,
 } from './packetUtils';
-import { PacketType } from '../types/streamingModels';
+import { PacketType } from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
 
 /**
  * Process streaming packets into a message object

package/src/ChatBlock/services/packetUtils.ts

@@ -1,5 +1,5 @@
-import type { Packet } from '../types/streamingModels';
-import { PacketType } from '../types/streamingModels';
+import type { Packet } from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
+import { PacketType } from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
 
 export function getSynteticPacket(ind: number, type: PacketType): Packet {
   return {

package/src/ChatBlock/services/streamingService.ts

@@ -1,5 +1,11 @@
-import { PacketType, type Packet } from '../types/streamingModels';
-import type { FileDescriptor, Filters } from '../types/interfaces';
+import {
+  PacketType,
+  type Packet,
+} from '@eeacms/volto-eea-chatbot/ChatBlock/types/streamingModels';
+import type {
+  FileDescriptor,
+  Filters,
+} from '@eeacms/volto-eea-chatbot/ChatBlock/types/interfaces';
 
 export interface SendMessageParams {
   regenerate: boolean;

package/src/ChatBlock/utils/citations.ts

@@ -1,4 +1,4 @@
-import type { Message } from '../types/interfaces';
+import type { Message } from '@eeacms/volto-eea-chatbot/ChatBlock/types/interfaces';
 
 /**
  * Regex to match citation markers like [1], [2], etc.