Improve workspace sidebar and file panel

frontend/app/components/assistant-ui/thread.tsx

@@ -22,6 +22,7 @@ import {
 	ChevronRightIcon,
 	CopyIcon,
 	DownloadIcon,
+	FileTextIcon,
 	ListIcon,
 	MoreHorizontalIcon,
 	PencilIcon,
@@ -115,8 +116,9 @@ export const Thread: FC = () => {
 			<ThreadPrimitive.Viewport
 				turnAnchor="top"
 				data-slot="aui_thread-viewport"
-				className="relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll scroll-smooth"
+				className="relative flex flex-1 flex-col overflow-x-auto overflow-y-auto scroll-smooth"
 			>
+				<ChatTopActions />
 				<div className="mx-auto flex w-full max-w-(--thread-max-width) flex-1 flex-col px-4 pt-4">
 					<AuiIf condition={(s) => s.thread.isEmpty}>
 						<ThreadWelcome />
@@ -141,6 +143,52 @@ export const Thread: FC = () => {
 	);
 };
 
+const ChatTopActions: FC = () => {
+	const { openFiles } = useActivityPanel();
+	const latestSessionId = useAuiState((s) =>
+		findLatestMessageMetadataValue(s.thread.messages, "sessionId"),
+	);
+
+	return (
+		<div className="pointer-events-none sticky top-3 z-20 mr-4 flex justify-end">
+			<PopoverPrimitive.Root>
+				<PopoverPrimitive.Trigger asChild>
+					<Button
+						type="button"
+						variant="ghost"
+						size="icon"
+						className="pointer-events-auto size-8 rounded-full bg-background/90 text-muted-foreground shadow-sm backdrop-blur hover:bg-muted hover:text-foreground"
+						aria-label="聊天选项"
+					>
+						<MoreHorizontalIcon className="size-4" />
+					</Button>
+				</PopoverPrimitive.Trigger>
+				<PopoverPrimitive.Portal>
+					<PopoverPrimitive.Content
+						side="bottom"
+						align="end"
+						sideOffset={8}
+						className="z-50 min-w-40 rounded-xl border bg-popover p-1 text-popover-foreground shadow-lg outline-none"
+					>
+						<button
+							type="button"
+							className="flex w-full items-center gap-2 rounded-lg px-3 py-2 text-left text-sm transition-colors hover:bg-muted"
+							onClick={() => {
+								openFiles(
+									typeof latestSessionId === "string" ? latestSessionId : null,
+								);
+							}}
+						>
+							<FileTextIcon className="size-4 text-muted-foreground" />
+							聊天中的文件
+						</button>
+					</PopoverPrimitive.Content>
+				</PopoverPrimitive.Portal>
+			</PopoverPrimitive.Root>
+		</div>
+	);
+};
+
 const ThreadMessage: FC = () => {
 	const role = useAuiState((s) => s.message.role);
 	const isEditing = useAuiState((s) => s.message.composer.isEditing);
@@ -168,7 +216,7 @@ const ThreadWelcome: FC = () => {
 	return (
 		<div className="aui-thread-welcome-root my-auto flex grow flex-col">
 			<div className="aui-thread-welcome-center flex w-full grow flex-col items-center justify-center">
-				<div className="aui-thread-welcome-message flex size-full flex-col justify-center px-4">
+				<div className="aui-thread-welcome-message flex size-full flex-col items-center justify-center px-4 text-center">
 					<h1 className="aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both font-semibold text-2xl duration-200">
 						ZK Data Agent
 					</h1>