change helper msg (#330)

Author: nuwandavek

apps/src/metabase/defaultState.ts

@@ -145,10 +145,9 @@ export const metabaseInternalState: MetabaseInternalState = {
 
 ---
 
-\`[badge]✨Product Update✨\`  \n #### Launching: **Review Mode**
-Review Mode lets you accept or tweak MinusX's SQL changes with a clean side-by-side diff. Iterate and perfect complex queries faster! [[Read more](https://docs.minusx.ai/en/articles/10510685-review-mode)]
-
-[![img](https://minusx.ai/app_assets/review_mode.gif)](https://docs.minusx.ai/en/articles/10510685-review-mode)
+\`[badge]✨Product Update✨\` \n#### Launching: **Mentions**
+Mention specific tables and models for MinusX to focus on. Type "@" to see all entities. [[Read more](https://docs.minusx.ai/en/articles/12429148-mentions-table-model)]
 
+[![img](https://minusx.ai/app_assets/mentions.gif)](https://docs.minusx.ai/en/articles/12429148-mentions-table-model)
 `,
 };

web/src/components/common/MentionDropdown.tsx

@@ -3,7 +3,8 @@ import {
   Box, 
   VStack, 
   Text, 
-  useColorModeValue 
+  useColorModeValue, 
+  Badge
 } from '@chakra-ui/react'
 import { MentionItem } from '../../helpers/mentionUtils'
 
@@ -67,6 +68,7 @@ export const MentionDropdown: React.FC<MentionDropdownProps> = ({
               _hover={{ bg: hoverBgColor, color: hoverTextColor }}
               cursor="pointer"
               borderRadius="sm"
+              borderBottom="1px solid #eee"
               onClick={() => onSelect(item)}
               role="option"
               aria-selected={isSelected}
@@ -75,19 +77,15 @@ export const MentionDropdown: React.FC<MentionDropdownProps> = ({
               <Text fontWeight="medium" fontSize="sm">
                 @{item.name}
               </Text>
-              <Text fontSize="xs" color={typeColor} textTransform="uppercase">
-                {item.type}
+              <Text fontSize="xs" textTransform="uppercase">
+                <Badge mr={1} color={typeColor}>{item.type}</Badge>
+                {(item.schema || item.collection) && <Badge color={"#333"}>{item.type === 'table' ? `Schema: ${item.schema}` : `Collection: ${item.collection}`}</Badge>}
               </Text>
               {item.description && (
                 <Text fontSize="xs" noOfLines={1} mt={1}>
                   {item.description}
                 </Text>
               )}
-              {(item.schema || item.collection) && (
-                <Text fontSize="xs" color="gray.500" noOfLines={1}>
-                  {item.type === 'table' ? `Schema: ${item.schema}` : `Collection: ${item.collection}`}
-                </Text>
-              )}
             </Box>
           )
         })}

web/src/components/common/TaskUI.tsx

@@ -742,7 +742,7 @@ const TaskUI = forwardRef<HTMLTextAreaElement>((_props, ref) => {
                                         <Text fontSize="xs" fontWeight="medium">Team Memory</Text>
                                     </HStack>
                                     <HStack spacing={1} alignItems="center">
-                                        <Text fontSize="xs" color="gray.500">{useTeamMemory ? (selectedAssetName.length > 8 ? `${selectedAssetName.slice(0, 8)}...` : selectedAssetName) : 'Disabled'}</Text>
+                                        <Text fontSize="xs" color="gray.500">{useTeamMemory ? (selectedAssetName.length > 8 ? `${selectedAssetName.slice(0, 12)}...` : selectedAssetName) : 'Disabled'}</Text>
                                         <Icon 
                                             as={useTeamMemory ? BiSolidCheckCircle : BiSolidXCircle}
                                             size={10}