diff --git a/app/components/Button/button.css b/app/components/Button/button.css index 87d5c020..b44d9267 100644 --- a/app/components/Button/button.css +++ b/app/components/Button/button.css @@ -27,6 +27,7 @@ border-width: 0; line-height: 0; background: inherit; + cursor: pointer; } /* style */ @@ -172,7 +173,7 @@ } .active { - background-color: var(----colors-teal-50); + background-color: var(--colors-teal-50); } .inactive:hover { @@ -181,7 +182,6 @@ /* #### Composite button #### */ .composite-button { - box-shadow: 0px var(--spacing-16) var(--spacing-40) 0px rgba(175, 183, 194, 0.2); cursor: pointer; } @@ -255,13 +255,11 @@ left: 50%; transform: translateX(-50%); background-color: #1b2b3e; - font-size: 14px; color: #f2f2f2; - padding: 5px 15px; - border-radius: var(--spacing-8); + padding: var(--spacing-8) var(--spacing-16); + border-radius: var(--border-radius); white-space: nowrap; pointer-events: none; - line-height: var(--spacing-32); } .button.full-width { diff --git a/app/components/Button/index.tsx b/app/components/Button/index.tsx index c1e4b2c2..c578dfcd 100644 --- a/app/components/Button/index.tsx +++ b/app/components/Button/index.tsx @@ -43,7 +43,7 @@ const Button = ({ {...props} > {children} - {secondary && tooltip && !disabled &&
{tooltip}
} + {secondary && tooltip && !disabled &&{tooltip}
} ) } @@ -56,7 +56,7 @@ const Button = ({ {...props} > {children} - {secondary && tooltip && !disabled &&{tooltip}
} + {secondary && tooltip && !disabled &&{tooltip}
} ) } @@ -68,7 +68,7 @@ export interface CompositeButtonProps { } export const CompositeButton = ({children, className = '', secondary}: CompositeButtonProps) => (Loading: Sending query...
+ returnLoading: Sending query...
case 'semantic': - returnLoading: Performing semantic search...
+ returnLoading: Performing semantic search...
case 'history': - returnLoading: Processing history...
+ returnLoading: Processing history...
case 'context': - returnLoading: Creating context...
+ returnLoading: Creating context...
case 'prompt': - returnLoading: Creating prompt...
+ returnLoading: Creating prompt...
case 'llm': - returnLoading: Waiting for LLM...
+ returnLoading: Waiting for LLM...
case 'streaming': case 'followups': default: @@ -211,7 +212,7 @@ const ChatbotReply = ({question, phase, content, citationsMap}: AssistantEntry) ]} /> ) : undefined} - {phase === 'followups' ?Checking for followups...
: undefined} + {phase === 'followups' ?Checking for followups...
: undefined} ) } diff --git a/app/components/Chatbot/chat_entry.css b/app/components/Chatbot/chat_entry.css index 7002314f..83a123ed 100644 --- a/app/components/Chatbot/chat_entry.css +++ b/app/components/Chatbot/chat_entry.css @@ -13,6 +13,16 @@ article.stampy { align-items: center; } +.phase-message { + margin-left: 57px; + color: var(--colors-cool-grey-600); +} + +.followups { + margin-top: var(--spacing-16); + color: var(--colors-cool-grey-600); +} + .chat-entry .info { display: flex; gap: var(--spacing-8); diff --git a/app/components/Chatbot/index.tsx b/app/components/Chatbot/index.tsx index 5b909a23..73f94df6 100644 --- a/app/components/Chatbot/index.tsx +++ b/app/components/Chatbot/index.tsx @@ -87,7 +87,7 @@ const QuestionInput = ({