bugfix react hooks issue

Author: nuwandavek

web/src/components/common/ChatContent.tsx

@@ -22,6 +22,7 @@ export const ChatContent: React.FC<{content: ChatMessageContent, messageIndex?:
   const origin = url ? new URL(url).origin : '';
   const pageType = toolContext?.pageType || ''
   const embedConfigs = useSelector((state: RootState) => state.configs.embed);
+  const cards = toolContext?.dbInfo?.cards || []
 
   // Get messages to check if next message exists
   const thread = useSelector((state: RootState) => state.chat.activeThread)
@@ -54,7 +55,7 @@ export const ChatContent: React.FC<{content: ChatMessageContent, messageIndex?:
         {content.images.map(image => (
           <img src={image.url} key={image.url} />
         ))}
-        <Markdown content={processModelToUIText(contentTextWithMentionTags, origin, embedConfigs)} messageIndex={messageIndex} />
+        <Markdown content={processModelToUIText(contentTextWithMentionTags, origin, embedConfigs, cards)} messageIndex={messageIndex} />
       </div>
     )
   } else {

web/src/helpers/utils.ts

@@ -62,8 +62,6 @@ export type MxModel = {
   }
 }
 
-const useAppStore = getApp().useStore()
-
 const controller = getApp().actionController
 export const getActionTaskLiteLabels = (action: string) => {
     const extraMapping: { [key: string]: string } = {
@@ -88,7 +86,7 @@ export const getActionTaskLiteLabels = (action: string) => {
 }
 
 
-export const processModelToUIText = (text: string, origin: string, embedConfigs: EmbedConfigs = {}): string => {
+export const processModelToUIText = (text: string, origin: string, embedConfigs: EmbedConfigs = {}, cards: object[] = []): string => {
     if (text === ''){
         return ''
     }
@@ -99,7 +97,6 @@ export const processModelToUIText = (text: string, origin: string, embedConfigs:
                    .replace(/\]\]/g, '`]')  
     }
     if (text.includes("card_id:") && (origin != '')) {
-        const cards = useAppStore((state) => state.toolContext?.dbInfo?.cards) || [];
         //Replace [card_id:<id>] with link
         // Replace [card_id:<id>] with markdown link using embed URL logic
         text = text.replace(/\[card_id:(\d+)\]/g, (match, id) => {