Enhance AIChat and Sidebar components by integrating context file sup…

…port; update styles for improved user experience and responsiveness. Add current page display and file context features in AIChat, and refactor Sidebar to utilize new mock data for context files.

packages/xgen/layouts/components/Neo/Sidebar/index.tsx

@@ -3,7 +3,7 @@ import { Plus, X } from 'phosphor-react'
 import { useState } from 'react'
 
 import AIChat from '../components/AIChat'
-import { mockMessages } from './mock'
+import { mockMessages, mockContextFiles } from './mock'
 import styles from './index.less'
 import type { IPropsNeo } from '../../../types'
 
@@ -21,6 +21,8 @@ const Index = (props: IPropsNeo) => {
 				messages={messages}
 				onSend={handleSend}
 				title='AI Assistant'
+				currentPage={'Form/Index'}
+				contextFiles={mockContextFiles}
 				onNew={() => {
 					/* handle new */
 				}}

packages/xgen/layouts/components/Neo/Sidebar/mock.ts

@@ -1,3 +1,21 @@
+export const mockContextFiles = [
+	{
+		name: 'document.pdf',
+		type: 'PDF',
+		thumbUrl: undefined
+	},
+	{
+		name: 'screenshot.png',
+		type: 'IMG',
+		thumbUrl: 'https://placehold.co/60/000000/FFF'
+	},
+	{
+		name: 'very-long-filename-example.txt',
+		type: 'TXT',
+		thumbUrl: undefined
+	}
+]
+
 export const mockMessages = [
 	{
 		role: 'assistant',