Bugfix/Circular Dependency

dist/components/Bot.d.ts

@@ -80,7 +80,6 @@ export type MessageType = {
 };
 type observerConfigType = (accessor: string | boolean | object | MessageType[]) => void;
 export type observersConfigType = Record<'observeUserInput' | 'observeLoading' | 'observeMessages', observerConfigType>;
-export declare const CHAT_HEADER_HEIGHT = 50;
 export type BotProps = {
     chatflowid: string;
     apiHost?: string;

dist/constants.d.ts

@@ -1,3 +1,4 @@
 import type { BubbleProps } from './features/bubble';
 export declare const defaultBotProps: BubbleProps;
+export declare const CHAT_HEADER_HEIGHT = 50;
 //# sourceMappingURL=constants.d.ts.map

src/components/Bot.tsx

@@ -45,6 +45,7 @@ import {
 } from '@/utils';
 import { FollowUpPromptBubble } from '@/components/bubbles/FollowUpPromptBubble';
 import { fetchEventSource, EventStreamContentType } from '@microsoft/fetch-event-source';
+import { CHAT_HEADER_HEIGHT } from '@/constants';
 
 export type FileEvent<T = EventTarget> = {
   target: T;
@@ -145,8 +146,6 @@ type IUploads = {
 type observerConfigType = (accessor: string | boolean | object | MessageType[]) => void;
 export type observersConfigType = Record<'observeUserInput' | 'observeLoading' | 'observeMessages', observerConfigType>;
 
-export const CHAT_HEADER_HEIGHT = 50;
-
 export type BotProps = {
   chatflowid: string;
   apiHost?: string;

src/components/treeview/NodeDetailsDialog.tsx

@@ -2,7 +2,7 @@ import { createSignal, Show, For, JSXElement } from 'solid-js';
 import { Marked } from '@ts-stack/markdown';
 import DOMPurify from 'dompurify';
 import { getAgentflowIcon } from './AgentflowIcons';
-import { CHAT_HEADER_HEIGHT } from '../Bot';
+import { CHAT_HEADER_HEIGHT } from '@/constants';
 
 type NodeDetailsDialogProps = {
   isOpen: boolean;

src/constants.ts

@@ -8,3 +8,5 @@ export const defaultBotProps: BubbleProps = {
   theme: undefined,
   observersConfig: undefined,
 };
+
+export const CHAT_HEADER_HEIGHT = 50;