update

web/src/features/search/more-filters-popover.tsx

@@ -36,7 +36,7 @@ export function MoreFiltersPopover() {
     const { filter, setFilter } = useSearchContext();
     const [open, setOpen] = React.useState(false);
 
-    const { data: meta, isLoading: metaLoading } = useAttachmentMetadata();
+    const { data: meta, isLoading: metaLoading } = useAttachmentMetadata(open);
 
     const [localState, setLocalState] = React.useState({
         attachment_name: filter?.attachment_name || '',

web/src/features/settings/configurations/index.tsx

@@ -21,17 +21,33 @@ import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/com
 import { Badge } from "@/components/ui/badge"
 import { ScrollArea } from "@/components/ui/scroll-area"
 import { Skeleton } from "@/components/ui/skeleton"
-import { ShieldCheck, Server, Database, Globe, Lock, Activity, InfoIcon } from "lucide-react"
+import {
+  ShieldCheck,
+  Server,
+  Database,
+  Globe,
+  Lock,
+  Activity,
+  InfoIcon,
+  Mail,
+  Zap,
+  Cpu
+} from "lucide-react"
 import { get_system_configurations } from "@/api/system/api"
 import { useQuery } from "@tanstack/react-query"
 import { useTranslation } from "react-i18next"
 
+const formatMB = (bytes?: number) => {
+  if (!bytes) return "—";
+  return `${(bytes / 1024 / 1024).toFixed(0)} MB`;
+};
+
 function BooleanBadge({ value }: { value: boolean }) {
   const { t } = useTranslation()
   return value ? (
     <Badge variant="secondary">{t("systemConfig.status.enabled")}</Badge>
   ) : (
-    <Badge>{t("systemConfig.status.disabled")}</Badge>
+    <Badge variant="outline" className="opacity-70">{t("systemConfig.status.disabled")}</Badge>
   )
 }
 
@@ -45,10 +61,10 @@ function SettingRow({
   description?: string
 }) {
   return (
-    <div className="py-1">
+    <div className="py-1.5 border-b border-border/40 last:border-0">
       <div className="grid grid-cols-[1fr_auto] items-center gap-3">
-        <div className="text-sm font-medium leading-tight">{label}</div>
-        <div className="text-sm text-right break-all leading-tight">{value}</div>
+        <div className="text-sm font-medium text-foreground/80 leading-tight font-mono">{label}</div>
+        <div className="text-sm text-right break-all leading-tight font-medium">{value}</div>
       </div>
       {description && (
         <div className="mt-0.5 text-[11px] leading-tight text-muted-foreground">{description}</div>
@@ -69,15 +85,15 @@ function SettingsCard({
   children: React.ReactNode
 }) {
   return (
-    <Card className="h-full">
-      <CardHeader className="flex flex-row items-center gap-2 py-3">
-        <Icon className="h-5 w-5 text-muted-foreground" />
-        <div>
-          <CardTitle className="font-normal">{title}</CardTitle>
-          {description && <CardDescription>{description}</CardDescription>}
+    <Card className="h-full shadow-sm">
+      <CardHeader className="flex flex-row items-center gap-2 py-3 bg-muted/20">
+        <Icon className="h-4 w-4 text-primary/70" />
+        <div className="space-y-0.5">
+          <CardTitle className="text-sm font-semibold">{title}</CardTitle>
+          {description && <CardDescription className="text-[11px] leading-none">{description}</CardDescription>}
         </div>
       </CardHeader>
-      <CardContent className="space-y-1">{children}</CardContent>
+      <CardContent className="pt-2 pb-1 px-4">{children}</CardContent>
     </Card>
   )
 }
@@ -94,7 +110,6 @@ function PageSkeleton() {
           <CardContent className="space-y-2">
             <Skeleton className="h-3 w-full" />
             <Skeleton className="h-3 w-5/6" />
-            <Skeleton className="h-3 w-4/6" />
           </CardContent>
         </Card>
       ))}
@@ -109,45 +124,43 @@ export default function ServerConfigurationsPage() {
     queryFn: get_system_configurations,
   })
 
-  if (isLoading) {
-    return (
-      <ScrollArea className="h-full">
-        <PageSkeleton />
-      </ScrollArea>
-    )
-  }
-
+  if (isLoading) return <ScrollArea className="h-full"><PageSkeleton /></ScrollArea>
   if (isError || !data) {
-    return (
-      <div className="p-4 text-sm text-destructive">{t("systemConfig.fields.loadError")}</div>
-    )
+    return <div className="p-8 text-center text-sm text-destructive">{t("systemConfig.fields.loadError")}</div>
   }
 
   return (
-    <div className="w-full max-w-5xl ml-0 px-4">
+    <div className="w-full max-w-6xl mx-auto">
       <ScrollArea className="h-full w-full">
-        <div className="px-4 pt-6 pb-2">
-          <div className="flex items-start gap-3 p-4 rounded-xl border bg-secondary/30">
-            <InfoIcon className="h-5 w-5 mt-0.5 text-muted-foreground" />
+        {/* Header Section */}
+        <div className="px-6 pt-6 pb-2">
+          <div className="flex items-start gap-4 p-5 rounded-xl border bg-gradient-to-br from-secondary/50 to-background shadow-inner">
+            <div className="p-2 bg-primary/10 rounded-lg">
+              <InfoIcon className="h-5 w-5 text-primary" />
+            </div>
             <div>
-              <h4 className="text-sm font-semibold italic text-foreground/80">
+              <h4 className="text-base font-bold text-foreground">
                 {t("systemConfig.pageTitle")}
               </h4>
-              <p className="text-xs text-muted-foreground mt-1 leading-relaxed">
+              <p className="text-xs text-muted-foreground mt-1 max-w-2xl leading-relaxed">
                 {t("systemConfig.pageDescription")}
               </p>
             </div>
           </div>
         </div>
 
-        <div className="p-4 grid grid-cols-1 md:grid-cols-2 gap-4">
+        {/* Main Grid */}
+        <div className="p-6 grid grid-cols-1 lg:grid-cols-2 gap-6">
+
+          {/* Network Settings */}
           <SettingsCard
             icon={Server}
             title={t("systemConfig.sections.network.title")}
             description={t("systemConfig.sections.network.desc")}
           >
-            <SettingRow label="bichon_bind_ip" value={data.bichon_bind_ip ?? "—"} />
+            <SettingRow label="bichon_bind_ip" value={data.bichon_bind_ip ?? "0.0.0.0"} />
             <SettingRow label="bichon_http_port" value={data.bichon_http_port} />
+            <SettingRow label="bichon_base_url" value={data.bichon_base_url} />
             <SettingRow label="bichon_public_url" value={data.bichon_public_url} />
             <SettingRow
               label="bichon_enable_rest_https"
@@ -155,40 +168,49 @@ export default function ServerConfigurationsPage() {
             />
           </SettingsCard>
 
+          {/* SMTP Server (NEW) */}
           <SettingsCard
-            icon={Globe}
-            title={t("systemConfig.sections.cors.title")}
-            description={t("systemConfig.sections.cors.desc")}
+            icon={Mail}
+            title={t("systemConfig.sections.smtp.title", "SMTP Server")}
+            description={t("systemConfig.sections.smtp.desc", "Incoming mail reception settings")}
           >
+            <SettingRow label="bichon_enable_smtp" value={<BooleanBadge value={data.bichon_enable_smtp} />} />
+            <SettingRow label="bichon_smtp_port" value={data.bichon_smtp_port} />
+            <SettingRow label="bichon_smtp_encryption" value={<span className="uppercase text-xs font-bold">{data.bichon_smtp_encryption}</span>} />
+            <SettingRow label="bichon_smtp_auth_required" value={<BooleanBadge value={data.bichon_smtp_auth_required} />} />
+          </SettingsCard>
+
+          {/* Performance & Engine (NEWly structured) */}
+          <SettingsCard
+            icon={Zap}
+            title={t("systemConfig.sections.performance.title")}
+            description={t("systemConfig.sections.performance.desc")}
+          >
+            <SettingRow label="bichon_duckdb_threads" value={data.bichon_duckdb_threads ?? t("systemConfig.status.auto")} />
+            <SettingRow label="bichon_tantivy_threads" value={data.bichon_tantivy_threads} />
+            <SettingRow label="bichon_tantivy_buffer_size" value={formatMB(data.bichon_tantivy_buffer_size)} />
+            <SettingRow label="bichon_eml_compression_level" value={data.bichon_eml_compression_level} />
+            <SettingRow label="bichon_sync_concurrency" value={data.bichon_sync_concurrency ?? t("systemConfig.status.auto")} />
             <SettingRow
-              label="bichon_cors_origins"
-              value={data.bichon_cors_origins?.join(", ") ?? t("systemConfig.status.notSet")}
+              label="bichon_http_compression_enabled"
+              value={<BooleanBadge value={data.bichon_http_compression_enabled} />}
             />
-            <SettingRow label="bichon_cors_max_age" value={data.bichon_cors_max_age} />
-          </SettingsCard>
-
-          <SettingsCard
-            icon={Activity}
-            title={t("systemConfig.sections.logging.title")}
-            description={t("systemConfig.sections.logging.desc")}
-          >
-            <SettingRow label="bichon_log_level" value={data.bichon_log_level} />
-            <SettingRow label="bichon_ansi_logs" value={<BooleanBadge value={data.bichon_ansi_logs} />} />
-            <SettingRow label="bichon_json_logs" value={<BooleanBadge value={data.bichon_json_logs} />} />
-            <SettingRow label="bichon_log_to_file" value={<BooleanBadge value={data.bichon_log_to_file} />} />
-            <SettingRow label="bichon_max_server_log_files" value={data.bichon_max_server_log_files} />
           </SettingsCard>
 
+          {/* Storage & Directories */}
           <SettingsCard
             icon={Database}
             title={t("systemConfig.sections.storage.title")}
             description={t("systemConfig.sections.storage.desc")}
           >
-            <SettingRow label="bichon_root_dir" value={data.bichon_root_dir} />
-            <SettingRow label="bichon_metadata_cache_size" value={data.bichon_metadata_cache_size ?? "—"} />
-            <SettingRow label="bichon_envelope_cache_size" value={data.bichon_envelope_cache_size ?? "—"} />
+            <SettingRow label="bichon_root_dir" value={<span className="text-[10px] font-mono">{data.bichon_root_dir}</span>} />
+            <SettingRow label="bichon_data_dir" value={data.bichon_data_dir ? <span className="text-[10px] font-mono">{data.bichon_data_dir}</span> : "—"} />
+            <SettingRow label="bichon_index_dir" value={data.bichon_index_dir ? <span className="text-[10px] font-mono">{data.bichon_index_dir}</span> : "—"} />
+            <SettingRow label="bichon_metadata_cache_size" value={formatMB(data.bichon_metadata_cache_size)} />
+            <SettingRow label="bichon_envelope_cache_size" value={formatMB(data.bichon_envelope_cache_size)} />
           </SettingsCard>
 
+          {/* Security & Access */}
           <SettingsCard
             icon={ShieldCheck}
             title={t("systemConfig.sections.security.title")}
@@ -198,33 +220,33 @@ export default function ServerConfigurationsPage() {
               label="bichon_encrypt_password_set"
               value={
                 data.bichon_encrypt_password_set ? (
-                  <Badge variant="secondary">{t("systemConfig.status.configured")}</Badge>
+                  <Badge variant="secondary" className="bg-emerald-500/10 text-emerald-600 border-emerald-500/20">
+                    {t("systemConfig.status.configured")}
+                  </Badge>
                 ) : (
                   <Badge variant="destructive">{t("systemConfig.status.missing")}</Badge>
                 )
               }
-              description={t("systemConfig.fields.encryptPasswordDesc")}
             />
             <SettingRow
               label="bichon_webui_token_expiration_hours"
-              value={data.bichon_webui_token_expiration_hours}
+              value={`${data.bichon_webui_token_expiration_hours}h`}
             />
           </SettingsCard>
 
+          {/* Logging Settings */}
           <SettingsCard
-            icon={Lock}
-            title={t("systemConfig.sections.performance.title")}
-            description={t("systemConfig.sections.performance.desc")}
+            icon={Activity}
+            title={t("systemConfig.sections.logging.title")}
+            description={t("systemConfig.sections.logging.desc")}
           >
-            <SettingRow
-              label="bichon_http_compression_enabled"
-              value={<BooleanBadge value={data.bichon_http_compression_enabled} />}
-            />
-            <SettingRow
-              label="bichon_sync_concurrency"
-              value={data.bichon_sync_concurrency ?? t("systemConfig.status.auto")}
-            />
+            <SettingRow label="bichon_log_level" value={<Badge variant="outline" className="uppercase">{data.bichon_log_level}</Badge>} />
+            <SettingRow label="bichon_ansi_logs" value={<BooleanBadge value={data.bichon_ansi_logs} />} />
+            <SettingRow label="bichon_json_logs" value={<BooleanBadge value={data.bichon_json_logs} />} />
+            <SettingRow label="bichon_log_to_file" value={<BooleanBadge value={data.bichon_log_to_file} />} />
+            <SettingRow label="bichon_max_server_log_files" value={data.bichon_max_server_log_files} />
           </SettingsCard>
+
         </div>
       </ScrollArea>
     </div>