From 56239548c8194ea912c2a490d8404268783718e2 Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Fri, 15 May 2026 00:47:21 +0530
Subject: [PATCH] refactor: replace Activity icons with Workflow icons across
 various components for consistency

---
 .../[search_space_id]/logs/(manage)/page.tsx       |  5 ++---
 .../agent-action-log/action-log-button.tsx         |  4 ++--
 .../agent-action-log/action-log-sheet.tsx          |  4 ++--
 .../components/new-chat/model-selector.tsx         |  2 +-
 .../components/settings/user-settings-dialog.tsx   |  4 ++--
 .../components/sources/DocumentUploadTab.tsx       | 14 +++++---------
 6 files changed, 14 insertions(+), 19 deletions(-)

diff --git a/surfsense_web/app/dashboard/[search_space_id]/logs/(manage)/page.tsx b/surfsense_web/app/dashboard/[search_space_id]/logs/(manage)/page.tsx
index 3e1d42eb0..dea1e16c2 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/logs/(manage)/page.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/logs/(manage)/page.tsx
@@ -17,7 +17,6 @@ import {
 } from "@tanstack/react-table";
 import { useAtomValue } from "jotai";
 import {
-	Activity,
 	AlertCircle,
 	AlertTriangle,
 	Bug,
@@ -38,6 +37,7 @@ import {
 	RefreshCw,
 	Terminal,
 	Trash,
+	Workflow,
 	X,
 	Zap,
 } from "lucide-react";
@@ -133,7 +133,6 @@ const logStatusConfig = {
 function MessageDetails({
 	message,
 	taskName,
-	metadata,
 	createdAt,
 	children,
 }: {
@@ -623,7 +622,7 @@ function LogsSummaryDashboard({
 				<Card>
 					<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
 						<CardTitle className="text-sm font-medium">{t("total_logs")}</CardTitle>
-						<Activity className="h-4 w-4 text-muted-foreground" />
+						<Workflow className="h-4 w-4 text-muted-foreground" />
 					</CardHeader>
 					<CardContent>
 						<div className="text-2xl font-bold">{summary.total_logs}</div>
diff --git a/surfsense_web/components/agent-action-log/action-log-button.tsx b/surfsense_web/components/agent-action-log/action-log-button.tsx
index 1c0383136..358acc8e7 100644
--- a/surfsense_web/components/agent-action-log/action-log-button.tsx
+++ b/surfsense_web/components/agent-action-log/action-log-button.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useAtomValue, useSetAtom } from "jotai";
-import { Activity } from "lucide-react";
+import { Workflow } from "lucide-react";
 import { useCallback } from "react";
 import { openActionLogSheetAtom } from "@/atoms/agent/action-log-sheet.atom";
 import { agentFlagsAtom } from "@/atoms/agent/agent-flags-query.atom";
@@ -41,7 +41,7 @@ export function ActionLogButton({ threadId }: ActionLogButtonProps) {
 					aria-label="Open agent action log"
 					onClick={handleClick}
 				>
-					<Activity className="size-4" />
+					<Workflow className="size-4 text-muted-foreground" />
 				</Button>
 			</TooltipTrigger>
 			<TooltipContent>Agent actions</TooltipContent>
diff --git a/surfsense_web/components/agent-action-log/action-log-sheet.tsx b/surfsense_web/components/agent-action-log/action-log-sheet.tsx
index fdb0bb7a9..1ce5dd20c 100644
--- a/surfsense_web/components/agent-action-log/action-log-sheet.tsx
+++ b/surfsense_web/components/agent-action-log/action-log-sheet.tsx
@@ -2,7 +2,7 @@
 
 import { useQueryClient } from "@tanstack/react-query";
 import { useAtom, useAtomValue } from "jotai";
-import { Activity, RefreshCcw } from "lucide-react";
+import { RefreshCcw, Workflow, } from "lucide-react";
 import { useCallback } from "react";
 import { actionLogSheetAtom } from "@/atoms/agent/action-log-sheet.atom";
 import { agentFlagsAtom } from "@/atoms/agent/agent-flags-query.atom";
@@ -36,7 +36,7 @@ function DisabledState() {
 	return (
 		<div className="flex flex-1 flex-col items-center justify-center gap-4 px-6 pb-12 text-center">
 			<div className="flex size-12 items-center justify-center rounded-full border border-popover-border bg-muted/40">
-				<Activity className="size-5 text-muted-foreground" strokeWidth={1.75} />
+				<Workflow className="size-5 text-muted-foreground" strokeWidth={1.75} />
 			</div>
 			<div className="flex max-w-[280px] flex-col gap-1.5">
 				<p className="text-sm font-semibold tracking-tight">Action log is disabled</p>
diff --git a/surfsense_web/components/new-chat/model-selector.tsx b/surfsense_web/components/new-chat/model-selector.tsx
index 6f7c946f0..0a096f5f8 100644
--- a/surfsense_web/components/new-chat/model-selector.tsx
+++ b/surfsense_web/components/new-chat/model-selector.tsx
@@ -1356,7 +1356,7 @@ export function ModelSelector({
 			role="combobox"
 			aria-expanded={open}
 			className={cn(
-				"h-8 gap-2 px-3 text-sm bg-muted hover:bg-accent hover:text-accent-foreground border-0 select-none",
+				"h-8 gap-2 px-3 text-sm bg-muted shadow-xs hover:bg-accent hover:text-accent-foreground border-0 select-none",
 				className
 			)}
 		>
diff --git a/surfsense_web/components/settings/user-settings-dialog.tsx b/surfsense_web/components/settings/user-settings-dialog.tsx
index a04ce16dd..81dfc68f1 100644
--- a/surfsense_web/components/settings/user-settings-dialog.tsx
+++ b/surfsense_web/components/settings/user-settings-dialog.tsx
@@ -2,7 +2,6 @@
 
 import { useAtom } from "jotai";
 import {
-	Activity,
 	Brain,
 	CircleUser,
 	Globe,
@@ -12,6 +11,7 @@ import {
 	ReceiptText,
 	ShieldCheck,
 	Sparkles,
+	Workflow,
 } from "lucide-react";
 import dynamic from "next/dynamic";
 import { useTranslations } from "next-intl";
@@ -127,7 +127,7 @@ export function UserSettingsDialog() {
 			{
 				value: "agent-status",
 				label: "Agent Status",
-				icon: <Activity className="h-4 w-4" />,
+				icon: <Workflow className="h-4 w-4" />,
 			},
 			{
 				value: "purchases",
diff --git a/surfsense_web/components/sources/DocumentUploadTab.tsx b/surfsense_web/components/sources/DocumentUploadTab.tsx
index a9aec21a1..842816551 100644
--- a/surfsense_web/components/sources/DocumentUploadTab.tsx
+++ b/surfsense_web/components/sources/DocumentUploadTab.tsx
@@ -7,7 +7,6 @@ import {
 	Dot,
 	File as FileIcon,
 	FolderOpen,
-	Upload,
 	X,
 	Zap,
 } from "lucide-react";
@@ -537,7 +536,9 @@ export function DocumentUploadTab({
 			<div className="sm:hidden">
 				{hasContent ? (
 					isElectron ? (
-						<div className="w-full">{renderBrowseButton({ compact: true, fullWidth: true })}</div>
+						<div className="flex w-full justify-center">
+							{renderBrowseButton({ compact: true })}
+						</div>
 					) : (
 						<Button
 							type="button"
@@ -552,7 +553,6 @@ export function DocumentUploadTab({
 					<div className="flex w-full flex-col items-center gap-4 bg-transparent px-4 py-12 select-none">
 						{isElectron ? (
 							<div className="flex w-full flex-col items-center gap-4">
-								<Upload className="h-10 w-10 text-muted-foreground" />
 								<div className="text-center space-y-1.5">
 									<p className="text-base font-medium">{t("select_files_or_folder")}</p>
 									<p className="text-sm text-muted-foreground">{t("file_size_limit")}</p>
@@ -565,7 +565,6 @@ export function DocumentUploadTab({
 								className="h-auto w-full flex-col gap-4 whitespace-normal bg-transparent p-0 text-foreground hover:bg-transparent hover:text-foreground"
 								onClick={() => fileInputRef.current?.click()}
 							>
-								<Upload className="h-10 w-10 text-muted-foreground" />
 								<div className="text-center space-y-1.5">
 									<p className="text-base font-medium">{t("tap_select_files_or_folder")}</p>
 									<p className="text-sm text-muted-foreground">{t("file_size_limit")}</p>
@@ -573,11 +572,11 @@ export function DocumentUploadTab({
 							</Button>
 						)}
 						<fieldset
-							className="w-full mt-1 border-none p-0 m-0"
+							className="mt-1 flex w-full justify-center border-none p-0 m-0"
 							onClick={(e) => e.stopPropagation()}
 							onKeyDown={(e) => e.stopPropagation()}
 						>
-							{renderBrowseButton({ fullWidth: true })}
+							{renderBrowseButton()}
 						</fieldset>
 					</div>
 				)}
@@ -590,7 +589,6 @@ export function DocumentUploadTab({
 			>
 				{hasContent ? (
 					<div className="flex items-center gap-3">
-						<Upload className="h-4 w-4 text-muted-foreground shrink-0" />
 						<span className="text-xs text-muted-foreground flex-1 truncate">
 							{isDragActive ? t("drop_files") : t("drag_drop_more")}
 						</span>
@@ -600,12 +598,10 @@ export function DocumentUploadTab({
 					<div className="relative">
 						{isDragActive && (
 							<div className="absolute inset-0 flex flex-col items-center justify-center gap-2">
-								<Upload className="h-8 w-8 text-primary" />
 								<p className="text-sm font-medium text-primary">{t("drop_files")}</p>
 							</div>
 						)}
 						<div className={`flex flex-col items-center gap-2 ${isDragActive ? "invisible" : ""}`}>
-							<Upload className="h-8 w-8 text-muted-foreground" />
 							<p className="text-sm font-medium">{t("drag_drop")}</p>
 							<p className="text-xs text-muted-foreground">{t("file_size_limit")}</p>
 							<div className="mt-1">{renderBrowseButton()}</div>