Merge remote-tracking branch 'upstream/dev' into electon-desktop

surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/components/DocumentTypeIcon.tsx

@@ -16,6 +16,7 @@ export function getDocumentTypeLabel(type: string): string {
 		FILE: "File",
 		SLACK_CONNECTOR: "Slack",
 		TEAMS_CONNECTOR: "Microsoft Teams",
+		ONEDRIVE_FILE: "OneDrive",
 		NOTION_CONNECTOR: "Notion",
 		YOUTUBE_VIDEO: "YouTube Video",
 		GITHUB_CONNECTOR: "GitHub",

surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/components/DocumentsTableShell.tsx

@@ -38,7 +38,6 @@ import {
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import {
 	Drawer,
 	DrawerContent,
@@ -234,6 +233,7 @@ export function DocumentsTableShell({
 	mentionedDocIds,
 	onToggleChatMention,
 	isSearchMode = false,
+	onOpenInTab,
 }: {
 	documents: Document[];
 	loading: boolean;
@@ -253,6 +253,8 @@ export function DocumentsTableShell({
 	onToggleChatMention?: (doc: Document, mentioned: boolean) => void;
 	/** Whether results are filtered by a search query or type filters */
 	isSearchMode?: boolean;
+	/** When provided, desktop "Preview" opens a document tab instead of the popup dialog */
+	onOpenInTab?: (doc: Document) => void;
 }) {
 	const t = useTranslations("documents");
 	const { openDialog } = useDocumentUploadDialog();
@@ -742,9 +744,9 @@ export function DocumentsTableShell({
 																</button>
 															</DropdownMenuTrigger>
 															<DropdownMenuContent align="end" className="w-48">
-																<DropdownMenuItem onClick={() => handleViewDocument(doc)}>
+																<DropdownMenuItem onClick={() => onOpenInTab ? onOpenInTab(doc) : handleViewDocument(doc)}>
 																	<Eye className="h-4 w-4" />
-																	Preview
+																	Open
 																</DropdownMenuItem>
 																{isEditable && (
 																	<DropdownMenuItem
@@ -923,26 +925,18 @@ export function DocumentsTableShell({
 				</div>
 			)}
 
-			{/* Document Content Viewer */}
-			<Dialog open={!!viewingDoc} onOpenChange={(open) => !open && handleCloseViewer()}>
-				<DialogContent className="max-w-4xl max-w-[92%] md:max-w-4xl max-h-[75vh] md:max-h-[80vh] flex flex-col overflow-hidden pb-0 p-3 md:p-6 gap-2 md:gap-4">
-					<DialogHeader className="flex-shrink-0">
-						<DialogTitle className="text-sm md:text-lg leading-tight pr-6">
+			{/* Document Content Viewer (mobile drawer) */}
+			<Drawer open={!!viewingDoc} onOpenChange={(open) => !open && handleCloseViewer()}>
+				<DrawerContent className="max-h-[85vh] flex flex-col">
+					<DrawerHandle />
+					<DrawerHeader className="text-left shrink-0">
+						<DrawerTitle className="text-base leading-tight break-words">
 							{viewingDoc?.title}
-						</DialogTitle>
-					</DialogHeader>
+						</DrawerTitle>
+					</DrawerHeader>
 					<div
 						onScroll={handlePreviewScroll}
-						className={[
-							"overflow-y-auto flex-1 min-h-0 px-1 md:px-6 select-text",
-							"max-md:text-xs",
-							"max-md:[&_h1]:text-base! max-md:[&_h1]:mt-3!",
-							"max-md:[&_h2]:text-sm! max-md:[&_h2]:mt-2!",
-							"max-md:[&_h3]:text-xs! max-md:[&_h3]:mt-2!",
-							"max-md:[&_h4]:text-xs!",
-							"max-md:[&_td]:text-[11px]! max-md:[&_td]:px-2! max-md:[&_td]:py-1.5!",
-							"max-md:[&_th]:text-[11px]! max-md:[&_th]:px-2! max-md:[&_th]:py-1.5!",
-						].join(" ")}
+						className="overflow-y-auto flex-1 min-h-0 px-4 pb-6 select-text text-xs [&_h1]:text-base! [&_h1]:mt-3! [&_h2]:text-sm! [&_h2]:mt-2! [&_h3]:text-xs! [&_h3]:mt-2! [&_h4]:text-xs! [&_td]:text-[11px]! [&_td]:px-2! [&_td]:py-1.5! [&_th]:text-[11px]! [&_th]:px-2! [&_th]:py-1.5!"
 						style={{
 							maskImage: `linear-gradient(to bottom, ${previewScrollPos === "top" ? "black" : "transparent"}, black 16px, black calc(100% - 16px), ${previewScrollPos === "bottom" ? "black" : "transparent"})`,
 							WebkitMaskImage: `linear-gradient(to bottom, ${previewScrollPos === "top" ? "black" : "transparent"}, black 16px, black calc(100% - 16px), ${previewScrollPos === "bottom" ? "black" : "transparent"})`,
@@ -956,8 +950,8 @@ export function DocumentsTableShell({
 							<MarkdownViewer content={viewingContent} />
 						)}
 					</div>
-				</DialogContent>
-			</Dialog>
+				</DrawerContent>
+			</Drawer>
 
 			{/* Document Metadata Viewer (Ctrl+Click) */}
 			<JsonMetadataViewer
@@ -1027,7 +1021,7 @@ export function DocumentsTableShell({
 							}}
 						>
 							<Eye className="h-4 w-4" />
-							Preview
+							Open
 						</Button>
 						{mobileActionDoc &&
 							EDITABLE_DOCUMENT_TYPES.includes(

surfsense_web/app/dashboard/[search_space_id]/new-chat/[[...chat_id]]/page.tsx

@@ -40,7 +40,6 @@ import { Thread } from "@/components/assistant-ui/thread";
 import { MobileEditorPanel } from "@/components/editor-panel/editor-panel";
 import { MobileHitlEditPanel } from "@/components/hitl-edit-panel/hitl-edit-panel";
 import { MobileReportPanel } from "@/components/report-panel/report-panel";
-import { Skeleton } from "@/components/ui/skeleton";
 import { useChatSessionStateSync } from "@/hooks/use-chat-session-state";
 import { useMessagesSync } from "@/hooks/use-messages-sync";
 import { documentsApiService } from "@/lib/apis/documents-api.service";
@@ -144,6 +143,8 @@ const TOOLS_WITH_UI = new Set([
 	"delete_linear_issue",
 	"create_google_drive_file",
 	"delete_google_drive_file",
+	"create_onedrive_file",
+	"delete_onedrive_file",
 	"create_calendar_event",
 	"update_calendar_event",
 	"delete_calendar_event",
@@ -902,6 +903,7 @@ export default function NewChatPage() {
 			currentThread,
 			currentUser,
 			disabledTools,
+			updateChatTabTitle,
 		]
 	);
 

surfsense_web/app/dashboard/[search_space_id]/team/team-content.tsx

@@ -763,7 +763,7 @@ function CreateInviteDialog({
 								</div>
 							</div>
 						</div>
-						<DialogFooter className="gap-3 sm:gap-2">
+						<DialogFooter>
 							<Button variant="secondary" onClick={handleClose}>
 								Cancel
 							</Button>