From c2cdb48ff387fd4e40327ee36e1d060d78362d1a Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Wed, 20 Aug 2025 21:01:38 +0700
Subject: [PATCH 1/2] enhancement: vision icon on model hub

---
 web-app/src/routes/hub/index.tsx | 47 ++++++++++++++++++++++++++++----
 1 file changed, 42 insertions(+), 5 deletions(-)

diff --git a/web-app/src/routes/hub/index.tsx b/web-app/src/routes/hub/index.tsx
index e873baa77..164e3344f 100644
--- a/web-app/src/routes/hub/index.tsx
+++ b/web-app/src/routes/hub/index.tsx
@@ -20,10 +20,17 @@ import { extractModelName, extractDescription } from '@/lib/models'
 import {
   IconDownload,
   IconFileCode,
+  IconPhoto,
   IconSearch,
   IconTool,
 } from '@tabler/icons-react'
 import { Switch } from '@/components/ui/switch'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
 import Joyride, { CallBackProps, STATUS } from 'react-joyride'
 import { CustomTooltipJoyRide } from '@/containers/CustomeTooltipJoyRide'
 import {
@@ -661,11 +668,41 @@ function Hub() {
                               </div>
                               {filteredModels[virtualItem.index].tools && (
                                 <div className="flex items-center gap-1">
-                                  <IconTool
-                                    size={17}
-                                    className="text-main-view-fg/50"
-                                    title={t('hub:tools')}
-                                  />
+                                  <TooltipProvider>
+                                    <Tooltip>
+                                      <TooltipTrigger asChild>
+                                        <div>
+                                          <IconTool
+                                            size={17}
+                                            className="text-main-view-fg/50"
+                                          />
+                                        </div>
+                                      </TooltipTrigger>
+                                      <TooltipContent>
+                                        <p>{t('tools')}</p>
+                                      </TooltipContent>
+                                    </Tooltip>
+                                  </TooltipProvider>
+                                </div>
+                              )}
+                              {filteredModels[virtualItem.index].num_mmproj >
+                                0 && (
+                                <div className="flex items-center gap-1">
+                                  <TooltipProvider>
+                                    <Tooltip>
+                                      <TooltipTrigger asChild>
+                                        <div>
+                                          <IconPhoto
+                                            size={17}
+                                            className="text-main-view-fg/50"
+                                          />
+                                        </div>
+                                      </TooltipTrigger>
+                                      <TooltipContent>
+                                        <p>{t('vision')}</p>
+                                      </TooltipContent>
+                                    </Tooltip>
+                                  </TooltipProvider>
                                 </div>
                               )}
                               {filteredModels[virtualItem.index].quants.length >

From 68f8c2d3f81e645841aaf0f262f5aa7cfcfe351d Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Wed, 20 Aug 2025 22:21:42 +0700
Subject: [PATCH 2/2] enhancement: change icon vision

---
 web-app/src/routes/hub/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web-app/src/routes/hub/index.tsx b/web-app/src/routes/hub/index.tsx
index 164e3344f..2e5db8ba2 100644
--- a/web-app/src/routes/hub/index.tsx
+++ b/web-app/src/routes/hub/index.tsx
@@ -20,7 +20,7 @@ import { extractModelName, extractDescription } from '@/lib/models'
 import {
   IconDownload,
   IconFileCode,
-  IconPhoto,
+  IconEye,
   IconSearch,
   IconTool,
 } from '@tabler/icons-react'
@@ -692,7 +692,7 @@ function Hub() {
                                     <Tooltip>
                                       <TooltipTrigger asChild>
                                         <div>
-                                          <IconPhoto
+                                          <IconEye
                                             size={17}
                                             className="text-main-view-fg/50"
                                           />