Removing Focused state

Author: nakul-py

packages/jupyter-chat/src/components/attachments.tsx

@@ -7,6 +7,7 @@ import CloseIcon from '@mui/icons-material/Close';
 import { Box, Button, Tooltip } from '@mui/material';
 import React from 'react';
 import { PathExt } from '@jupyterlab/coreutils';
+import { UUID } from '@lumino/coreutils';
 
 import { useChatContext } from '../context';
 import { IAttachment } from '../types';
@@ -65,7 +66,7 @@ export function AttachmentPreviewList(props: AttachmentsProps): JSX.Element {
     >
       {props.attachments.map(attachment => (
         <AttachmentPreview
-          key={attachment.value}
+          key={`${PathExt.basename(attachment.value)}-${UUID.uuid4()}`}
           {...props}
           attachment={attachment}
         />

packages/jupyter-chat/src/components/input/chat-input.tsx

@@ -46,7 +46,6 @@ export function ChatInput(props: ChatInput.IProps): JSX.Element {
   const [toolbarElements, setToolbarElements] = useState<
     InputToolbarRegistry.IToolbarItem[]
   >([]);
-  const [isFocused, setIsFocused] = useState<boolean>(false);
   const [writers, setWriters] = useState<IChatModel.IWriter[]>([]);
 
   /**
@@ -214,9 +213,7 @@ export function ChatInput(props: ChatInput.IProps): JSX.Element {
       <Box
         sx={{
           border: '1px solid',
-          borderColor: isFocused
-            ? 'var(--jp-brand-color1)'
-            : 'var(--jp-border-color1)',
+          borderColor: 'var(--jp-border-color1)',
           borderRadius: 2,
           transition: 'border-color 0.2s ease',
           display: 'flex',
@@ -262,8 +259,6 @@ export function ChatInput(props: ChatInput.IProps): JSX.Element {
               onKeyDown={handleKeyDown}
               placeholder="Type a chat message, @ to mention..."
               inputRef={inputRef}
-              onFocus={() => setIsFocused(true)}
-              onBlur={() => setIsFocused(false)}
               onSelect={() =>
                 (model.cursorIndex = inputRef.current?.selectionStart ?? null)
               }