Made numerous minor layout changes to main layout and sidebar

surfsense_web/app/dashboard/[search_space_id]/layout.tsx

@@ -39,12 +39,6 @@ export default function DashboardLayout({
 			icon: "SquareLibrary",
 			items: [],
 		},
-		{
-			title: "Logs",
-			url: `/dashboard/${search_space_id}/logs`,
-			icon: "Logs",
-			items: [],
-		},
 	];
 
 	return (

surfsense_web/components/dashboard-breadcrumb.tsx

@@ -76,9 +76,6 @@ export function DashboardBreadcrumb() {
 		const segments = path.split("/").filter(Boolean);
 		const breadcrumbs: BreadcrumbItemInterface[] = [];
 
-		// Always start with Dashboard
-		breadcrumbs.push({ label: t("dashboard"), href: "/dashboard" });
-
 		// Handle search space
 		if (segments[0] === "dashboard" && segments[1]) {
 			// Use the actual search space name if available, otherwise fall back to the ID
@@ -182,7 +179,7 @@ export function DashboardBreadcrumb() {
 
 	const breadcrumbs = generateBreadcrumbs(pathname);
 
-	if (breadcrumbs.length <= 1) {
+	if (breadcrumbs.length === 0) {
 		return null; // Don't show breadcrumbs for root dashboard
 	}
 

surfsense_web/components/layout/providers/LayoutDataProvider.tsx

@@ -2,7 +2,7 @@
 
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useAtomValue } from "jotai";
-import { LogOut, Logs, SquareLibrary, Trash2 } from "lucide-react";
+import { LogOut, SquareLibrary, Trash2 } from "lucide-react";
 import { useParams, usePathname, useRouter } from "next/navigation";
 import { useTranslations } from "next-intl";
 import { useTheme } from "next-themes";
@@ -151,12 +151,6 @@ export function LayoutDataProvider({
 				icon: SquareLibrary,
 				isActive: pathname?.includes("/documents"),
 			},
-			{
-				title: "Logs",
-				url: `/dashboard/${searchSpaceId}/logs`,
-				icon: Logs,
-				isActive: pathname?.includes("/logs"),
-			},
 		],
 		[searchSpaceId, pathname]
 	);

surfsense_web/components/layout/ui/sidebar/Sidebar.tsx

@@ -95,6 +95,11 @@ export function Sidebar({
 				</div>
 			)}
 
+			{/* Platform navigation */}
+			{navItems.length > 0 && (
+				<NavSection items={navItems} onItemClick={onNavItemClick} isCollapsed={isCollapsed} />
+			)}
+
 			{/* New chat button */}
 			<div className="p-2">
 				{isCollapsed ? (
@@ -115,11 +120,6 @@ export function Sidebar({
 				)}
 			</div>
 
-			{/* Platform navigation */}
-			{navItems.length > 0 && (
-				<NavSection items={navItems} onItemClick={onNavItemClick} isCollapsed={isCollapsed} />
-			)}
-
 			{/* Scrollable content */}
 			<ScrollArea className="flex-1">
 				{isCollapsed ? (

surfsense_web/components/layout/ui/sidebar/SidebarHeader.tsx

@@ -1,6 +1,7 @@
 "use client";
 
-import { ChevronsUpDown, Settings, Users } from "lucide-react";
+import { ChevronsUpDown, ScrollText, Settings, Users } from "lucide-react";
+import { useRouter } from "next/navigation";
 import { useTranslations } from "next-intl";
 import { Button } from "@/components/ui/button";
 import {
@@ -29,6 +30,7 @@ export function SidebarHeader({
 	className,
 }: SidebarHeaderProps) {
 	const t = useTranslations("sidebar");
+	const router = useRouter();
 
 	return (
 		<div className={cn("flex shrink-0 items-center", className)}>
@@ -52,6 +54,10 @@ export function SidebarHeader({
 						<Users className="mr-2 h-4 w-4" />
 						{t("manage_members")}
 					</DropdownMenuItem>
+					<DropdownMenuItem onClick={() => router.push(`/dashboard/${searchSpace?.id}/logs`)}>
+						<ScrollText className="mr-2 h-4 w-4" />
+						{t("logs")}
+					</DropdownMenuItem>
 					<DropdownMenuSeparator />
 					<DropdownMenuItem onClick={onSettings}>
 						<Settings className="mr-2 h-4 w-4" />

surfsense_web/components/new-chat/model-selector.tsx

@@ -124,6 +124,11 @@ export function ModelSelector({ onEdit, onAddNew, className }: ModelSelectorProp
 		);
 	}, [userConfigs, searchQuery]);
 
+	// Total model count for conditional search display
+	const totalModels = useMemo(() => {
+		return (globalConfigs?.length ?? 0) + (userConfigs?.length ?? 0);
+	}, [globalConfigs, userConfigs]);
+
 	const handleSelectConfig = useCallback(
 		async (config: NewLLMConfigPublic | GlobalNewLLMConfig) => {
 			// If already selected, just close
@@ -230,15 +235,17 @@ export function ModelSelector({ onEdit, onAddNew, className }: ModelSelectorProp
 						</div>
 					)}
 
-					<div className="flex items-center gap-1 md:gap-2 border-b border-border/30 px-2 md:px-3 py-1.5 md:py-2">
-						<CommandInput
-							placeholder="Search models..."
-							value={searchQuery}
-							onValueChange={setSearchQuery}
-							className="h-7 md:h-8 text-xs md:text-sm border-0 bg-transparent focus:ring-0 placeholder:text-muted-foreground/60"
-							disabled={isSwitching}
-						/>
-					</div>
+					{totalModels > 3 && (
+						<div className="flex items-center gap-1 md:gap-2 border-b border-border/30 px-2 md:px-3 py-1.5 md:py-2">
+							<CommandInput
+								placeholder="Search models..."
+								value={searchQuery}
+								onValueChange={setSearchQuery}
+								className="h-7 md:h-8 text-xs md:text-sm border-0 bg-transparent focus:ring-0 placeholder:text-muted-foreground/60"
+								disabled={isSwitching}
+							/>
+						</div>
+					)}
 
 					<CommandList className="max-h-[300px] md:max-h-[400px] overflow-y-auto">
 						<CommandEmpty className="py-8 text-center">
@@ -264,7 +271,7 @@ export function ModelSelector({ onEdit, onAddNew, className }: ModelSelectorProp
 											value={`global-${config.id}`}
 											onSelect={() => handleSelectConfig(config)}
 											className={cn(
-												"mx-2 rounded-lg mb-1 cursor-pointer",
+												"mx-2 rounded-lg mb-1 cursor-pointer group",
 												"aria-selected:bg-accent/50",
 												isSelected && "bg-accent/80"
 											)}
@@ -295,7 +302,7 @@ export function ModelSelector({ onEdit, onAddNew, className }: ModelSelectorProp
 												<Button
 													variant="ghost"
 													size="icon"
-													className="size-7 shrink-0 rounded-md hover:bg-muted"
+													className="size-7 shrink-0 rounded-md hover:bg-muted opacity-0 group-hover:opacity-100 transition-opacity"
 													onClick={(e) => handleEditConfig(e, config, true)}
 												>
 													<Edit3 className="size-3.5 text-muted-foreground" />
@@ -326,7 +333,7 @@ export function ModelSelector({ onEdit, onAddNew, className }: ModelSelectorProp
 											value={`user-${config.id}`}
 											onSelect={() => handleSelectConfig(config)}
 											className={cn(
-												"mx-2 rounded-lg mb-1 cursor-pointer",
+												"mx-2 rounded-lg mb-1 cursor-pointer group",
 												"aria-selected:bg-accent/50",
 												isSelected && "bg-accent/80"
 											)}
@@ -357,7 +364,7 @@ export function ModelSelector({ onEdit, onAddNew, className }: ModelSelectorProp
 												<Button
 													variant="ghost"
 													size="icon"
-													className="size-7 shrink-0 rounded-md hover:bg-muted"
+													className="size-7 shrink-0 rounded-md hover:bg-muted opacity-0 group-hover:opacity-100 transition-opacity"
 													onClick={(e) => handleEditConfig(e, config, false)}
 												>
 													<Edit3 className="size-3.5 text-muted-foreground" />

surfsense_web/messages/en.json

@@ -683,6 +683,7 @@
 		"select_search_space": "Select Search Space",
 		"manage_members": "Manage members",
 		"search_space_settings": "Search Space settings",
+		"logs": "Logs",
 		"see_all_search_spaces": "See all search spaces",
 		"expand_sidebar": "Expand sidebar",
 		"collapse_sidebar": "Collapse sidebar",

surfsense_web/messages/zh.json

@@ -668,6 +668,7 @@
 		"select_search_space": "选择搜索空间",
 		"manage_members": "管理成员",
 		"search_space_settings": "搜索空间设置",
+		"logs": "日志",
 		"see_all_search_spaces": "查看所有搜索空间",
 		"expand_sidebar": "展开侧边栏",
 		"collapse_sidebar": "收起侧边栏",