diff --git a/src/pages/Home/components/Portfolio/Prompt/Prompt.tsx b/src/pages/Home/components/Portfolio/Prompt/Prompt.tsx index ae935977a..b9d6a2089 100644 --- a/src/pages/Home/components/Portfolio/Prompt/Prompt.tsx +++ b/src/pages/Home/components/Portfolio/Prompt/Prompt.tsx @@ -8,6 +8,8 @@ import { Scrollbars, Grow, Backdrop, + PlusIcon, + Slide, } from '@avalabs/core-k2-components'; import { useCallback, useEffect, useMemo, useRef, useState } from 'react'; import { functionDeclarations, systemPromptTemplate } from './models'; @@ -52,6 +54,7 @@ export function Prompt() { const { t } = useTranslation(); const [input, setInput] = useState(''); const [isDialogOpen, setIsDialogOpen] = useState(false); + const [isCommandsOpen, setIsCommandsOpen] = useState(false); const { network, networks, setNetwork, getNetwork } = useNetworkContext(); const { contacts, createContact } = useContactsContext(); const { accounts, selectAccount } = useAccountsContext(); @@ -659,12 +662,34 @@ export function Prompt() { {prompts.map((message, i) => { if (message.role === 'model') { return ( - + <> + + + + + + ); } return ; @@ -672,7 +697,112 @@ export function Prompt() { {isTyping && } - + + + + + + + + + + + + + + { + setIsCommandsOpen(!isCommandsOpen); + }} + size={24} + sx={{ cursor: 'pointer' }} + />