From 1c2567b879e6ad507e579fc82ab7c5737d0f8d99 Mon Sep 17 00:00:00 2001
From: russssl <deniskalicen@gmail.com>
Date: Wed, 9 Jul 2025 17:55:26 +0200
Subject: [PATCH 1/4] add bangs

---
 src/global.d.ts                               |  7 ++
 src/renderer/src/App.tsx                      | 10 ++-
 .../src/components/CommandShortcuts.tsx       | 67 +++++++++++++++----
 src/renderer/src/lib/utils.tsx                | 67 +++++++++++++++++++
 4 files changed, 135 insertions(+), 16 deletions(-)

diff --git a/src/global.d.ts b/src/global.d.ts
index 6029016..2e30a09 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -62,6 +62,13 @@ declare global {
     icon: string
     label: (query: string) => JSX.Element
     name: string
+    bang?: BangT
+  }
+
+  export type BangT = {
+    bang: string
+    name: string
+    url: string
   }
 
   type ResultT = {
diff --git a/src/renderer/src/App.tsx b/src/renderer/src/App.tsx
index 5359d9d..3670480 100644
--- a/src/renderer/src/App.tsx
+++ b/src/renderer/src/App.tsx
@@ -14,9 +14,9 @@ const App = () => {
   const [selectedCommand, setSelectedCommand] = useState<CommandT | null>(null)
   const [commandSearch, setCommandSearch] = useState('')
   const commandListRef = useRef<HTMLDivElement | null>(null)
+  const [currentBangName, setCurrentBangName] = useState<string | null>(null)
 
   useScrollToTop(commandListRef, [commandSearch])
-
   const handleInputKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {
     if (e.key === 'Escape') {
       e.preventDefault()
@@ -44,7 +44,11 @@ const App = () => {
               onKeyDown={handleInputKeyDown}
               placeholder="Search commands..."
             />
-
+            {currentBangName && (
+              <span className="ml-2 px-2 py-0.5 rounded-full bg-gradient-to-r from-zinc-700 to-zinc-900 text-zinc-100 text-xs font-semibold shadow-sm border border-zinc-700">
+                {currentBangName}
+              </span>
+            )}
             <Settings />
           </div>
 
@@ -52,7 +56,7 @@ const App = () => {
             <CommandEmpty />
             <Commands commandSearch={commandSearch} setSelectedCommand={setSelectedCommand} />
             <CommandApplications commandSearch={commandSearch} />
-            <CommandShortcuts commandSearch={commandSearch} />
+            <CommandShortcuts commandSearch={commandSearch} setCurrentBang={setCurrentBangName} />
           </CommandList>
 
           <Footer>
diff --git a/src/renderer/src/components/CommandShortcuts.tsx b/src/renderer/src/components/CommandShortcuts.tsx
index fc767d3..33bc734 100644
--- a/src/renderer/src/components/CommandShortcuts.tsx
+++ b/src/renderer/src/components/CommandShortcuts.tsx
@@ -1,32 +1,73 @@
 import { CommandGroup, CommandItem } from '@renderer/elements/Command'
-import { SHORTCUTS, winElectron } from '@renderer/lib/utils'
+import { BANGS, SHORTCUTS, winElectron } from '@renderer/lib/utils'
 
-type CommandShortcutsProps = { commandSearch: string }
+type CommandShortcutsProps = {
+  commandSearch: string
+  setCurrentBang: (bangName: string | null) => void
+}
+
+function parseBangAndQuery(
+  commandSearch: string,
+  setCurrentBang: (bangName: string | null) => void
+): { bangPart: string | null; query: string } {
+  if (!commandSearch.startsWith('!')) {
+    return { bangPart: null, query: commandSearch }
+  }
+  let i = 1
+  let bangPart = ''
+  while (i < commandSearch.length && commandSearch[i] !== ' ') {
+    bangPart += commandSearch[i]
+    i++
+  }
+  let query = ''
+  if (i < commandSearch.length) {
+    query = commandSearch.slice(i).trim()
+  }
+  setCurrentBang(BANGS.find((bang) => bang.bang === bangPart)?.name || null)
+  return { bangPart, query }
+}
+
+export const CommandShortcuts = ({ commandSearch, setCurrentBang }: CommandShortcutsProps) => {
+  const { bangPart, query } = parseBangAndQuery(commandSearch, setCurrentBang)
 
-export const CommandShortcuts = ({ commandSearch }: CommandShortcutsProps) => {
-  const onSelect = (shortcut: ShortcutT) => {
-    if (winElectron && winElectron.openExternal) {
-      const url = shortcut.getUrl(commandSearch)
+  const handleSelect = (shortcut: ShortcutT) => {
+    if (winElectron?.openExternal) {
+      const url = shortcut.getUrl(query)
       winElectron.openExternal(url)
-      winElectron.hideMainWindow()
+      winElectron.hideMainWindow?.()
     }
   }
 
+  const filteredShortcuts = (() => {
+    if (bangPart) {
+      return SHORTCUTS.filter((shortcut) => shortcut.bang?.bang === bangPart)
+    }
+    return SHORTCUTS
+  })()
+
+  if (filteredShortcuts.length === 0) return null
+
   return (
     <CommandGroup heading="Shortcuts">
-      {SHORTCUTS.map((shortcut) => (
-        <CommandItem key={shortcut.name} onSelect={() => onSelect(shortcut)} value={shortcut.name}>
+      {filteredShortcuts.map((shortcut) => (
+        <CommandItem
+          key={shortcut.name}
+          onSelect={() => handleSelect(shortcut)}
+          value={shortcut.name}
+        >
           <div className="flex flex-1 items-center justify-between">
-            <div className="flex gap-2 items-center">
+            <div className="flex gap-2 items-center min-w-0">
               <div
-                className="flex items-center justify-center h-5 w-5 rounded-sm"
+                className="flex items-center justify-center h-5 w-5 rounded-sm shrink-0"
                 style={{ backgroundColor: shortcut.bgColor, color: shortcut.color }}
+                aria-label={shortcut.bang?.name || shortcut.name}
+                title={shortcut.bang?.name || shortcut.name}
               >
                 <i className={`ph ph-${shortcut.icon}`} />
               </div>
-              <span>{shortcut.label(commandSearch)}</span>
+              <span className="truncate">{shortcut.label(query)}</span>
             </div>
-            <span className="text-xs text-zinc-300">Shortcut</span>
+            <span className="text-xs text-zinc-300 ml-2">Shortcut</span>
           </div>
         </CommandItem>
       ))}
diff --git a/src/renderer/src/lib/utils.tsx b/src/renderer/src/lib/utils.tsx
index 0d675c2..8f69a92 100644
--- a/src/renderer/src/lib/utils.tsx
+++ b/src/renderer/src/lib/utils.tsx
@@ -19,6 +19,59 @@ export const elementTypes = {
   HR: 'hr'
 }
 
+export const BANGS: BangT[] = [
+  {
+    bang: 'yt',
+    name: 'YouTube',
+    url: 'https://www.youtube.com'
+  },
+  {
+    bang: 'g',
+    name: 'Google',
+    url: 'https://www.google.com'
+  },
+  {
+    bang: 'gi',
+    name: 'Google Images',
+    url: 'https://www.google.com/images'
+  },
+  {
+    bang: 'gm',
+    name: 'Google Maps',
+    url: 'https://www.google.com/maps'
+  },
+  {
+    bang: 'w',
+    name: 'Wikipedia',
+    url: 'https://fr.wikipedia.org'
+  },
+  {
+    bang: 't',
+    name: 'Google Translate',
+    url: 'https://translate.google.com'
+  },
+  {
+    bang: 'am',
+    name: 'Amazon',
+    url: 'https://www.amazon.fr'
+  },
+  {
+    bang: 'gh',
+    name: 'GitHub',
+    url: 'https://github.com'
+  },
+  {
+    bang: 'd',
+    name: 'Larousse',
+    url: 'https://www.larousse.'
+  },
+  {
+    bang: 'im',
+    name: 'IMDb',
+    url: 'https://www.imdb.com'
+  }
+]
+
 /**
  * A global flag indicating whether the renderer is running under Electron.
  */
@@ -130,6 +183,10 @@ export const renderElement = (element, index) => {
   }
 }
 
+const getBang = (bang: string): BangT | undefined => {
+  return BANGS.find((b) => b.bang === bang)
+}
+
 /**
  * An array of shortcuts.
  *
@@ -147,6 +204,7 @@ export const renderElement = (element, index) => {
 export const SHORTCUTS: ShortcutT[] = [
   {
     name: 'sc-youtube-search',
+    bang: getBang('yt'),
     label: (query: string) => (
       <>
         Search {query && <span className="text-zinc-400 italic">{truncateQuery(query)} </span>}
@@ -161,6 +219,7 @@ export const SHORTCUTS: ShortcutT[] = [
   },
   {
     name: 'sc-google-search',
+    bang: getBang('g'),
     label: (query: string) => (
       <>
         Search {query && <span className="text-zinc-400 italic">{truncateQuery(query)} </span>}
@@ -174,6 +233,7 @@ export const SHORTCUTS: ShortcutT[] = [
   },
   {
     name: 'sc-image-search',
+    bang: getBang('gi'),
     label: (query: string) => (
       <>
         Search {query && <span className="text-zinc-400 italic">{truncateQuery(query)} </span>}
@@ -188,6 +248,7 @@ export const SHORTCUTS: ShortcutT[] = [
   },
   {
     name: 'sc-google-maps',
+    bang: getBang('gm'),
     label: (query: string) => (
       <>
         Search {query && <span className="text-zinc-400 italic">{truncateQuery(query)} </span>}
@@ -201,6 +262,7 @@ export const SHORTCUTS: ShortcutT[] = [
   },
   {
     name: 'sc-wikipedia',
+    bang: getBang('w'),
     label: (query: string) => (
       <>
         Search {query && <span className="text-zinc-400 italic">{truncateQuery(query)} </span>}
@@ -215,6 +277,7 @@ export const SHORTCUTS: ShortcutT[] = [
   },
   {
     name: 'sc-translate',
+    bang: getBang('t'),
     label: (query: string) => (
       <>
         Translate {query && <span className="text-zinc-400 italic">{truncateQuery(query)} </span>}
@@ -228,6 +291,7 @@ export const SHORTCUTS: ShortcutT[] = [
   },
   {
     name: 'sc-amazon',
+    bang: getBang('am'),
     label: (query: string) => (
       <>
         Search {query && <span className="text-zinc-400 italic">{truncateQuery(query)} </span>}
@@ -241,6 +305,7 @@ export const SHORTCUTS: ShortcutT[] = [
   },
   {
     name: 'sc-github',
+    bang: getBang('gh'),
     label: (query: string) => (
       <>
         Search {query && <span className="text-zinc-400 italic">{truncateQuery(query)} </span>}
@@ -254,6 +319,7 @@ export const SHORTCUTS: ShortcutT[] = [
   },
   {
     name: 'sc-dictionary',
+    bang: getBang('d'),
     label: (query: string) => (
       <>
         Define {query && <span className="text-zinc-400 italic">{truncateQuery(query)} </span>}
@@ -268,6 +334,7 @@ export const SHORTCUTS: ShortcutT[] = [
   },
   {
     name: 'sc-imdb',
+    bang: getBang('im'),
     label: (query: string) => (
       <>
         Find {query && <span className="text-zinc-400 italic">{truncateQuery(query)}</span>}

From 569b7fad92965a03eeb0da002fbdd431719e328b Mon Sep 17 00:00:00 2001
From: russssl <deniskalicen@gmail.com>
Date: Wed, 9 Jul 2025 23:35:20 +0200
Subject: [PATCH 2/4] fix files in package folders being treated like folders

---
 src/main/handlers.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/main/handlers.ts b/src/main/handlers.ts
index 29d3d7b..f8e1593 100644
--- a/src/main/handlers.ts
+++ b/src/main/handlers.ts
@@ -48,7 +48,13 @@ const DEPS = {
  */
 export const getCommands = async () => {
   const currentPluginsDir = await getPluginsDir()
-  const plugins = fs.readdirSync(currentPluginsDir).filter((plugin) => plugin !== '.git')
+  const plugins = fs
+    .readdirSync(currentPluginsDir)
+    .filter((plugin) => plugin !== '.git')
+    .filter((plugin) => {
+      const pluginPath = path.join(currentPluginsDir, plugin)
+      return fs.statSync(pluginPath).isDirectory()
+    })
 
   return plugins.flatMap((plugin) => {
     const manifestPath = path.join(currentPluginsDir, plugin, 'manifest.yml')

From aa71ccedbc8e498e4fbc44e10e8899b5fb176e0d Mon Sep 17 00:00:00 2001
From: russssl <deniskalicen@gmail.com>
Date: Wed, 9 Jul 2025 23:50:31 +0200
Subject: [PATCH 3/4] add plugins list to plugin settings

---
 src/global.d.ts                          |  7 +++++
 src/main/handlers.ts                     | 29 ++++++++++++++++++++
 src/main/index.ts                        |  5 ++++
 src/preload/index.ts                     |  3 +++
 src/renderer/src/components/Settings.tsx | 34 +++++++++++++++++++++++-
 5 files changed, 77 insertions(+), 1 deletion(-)

diff --git a/src/global.d.ts b/src/global.d.ts
index 2e30a09..47f68c8 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -26,6 +26,7 @@ declare global {
     openExternal: (url: string) => Promise<void>
     choosePluginsDir: () => Promise<string>
     getPluginsDir: () => Promise<string>
+    getPlugins: () => Promise<PluginT[]>
     getHotkeys: () => Promise<{ [key: string]: string }>
     setHotkey: (type: string, hotkey: string) => Promise<void>
     showMainWindow: () => Promise<void>
@@ -33,6 +34,12 @@ declare global {
     reloadApp: () => Promise<void>
   }
 
+  type PluginT = {
+    name: string
+    version: string
+    author: string
+  }
+
   type ApplicationT = {
     command: string
     isImmediate: boolean
diff --git a/src/main/handlers.ts b/src/main/handlers.ts
index f8e1593..80ba03a 100644
--- a/src/main/handlers.ts
+++ b/src/main/handlers.ts
@@ -295,6 +295,35 @@ export const getPluginsDir = (): Promise<string> => {
   })
 }
 
+export const getPlugins = async (): Promise<PluginT[]> => {
+  const pluginsDir = await getPluginsDir()
+  const plugins = fs
+    .readdirSync(pluginsDir)
+    .filter((plugin) => plugin !== '.git')
+    .filter((plugin) => {
+      const pluginPath = path.join(pluginsDir, plugin)
+      return fs.statSync(pluginPath).isDirectory()
+    })
+
+  return plugins
+    .map((plugin) => {
+      try {
+        const manifestPath = path.join(pluginsDir, plugin, 'manifest.yml')
+        const manifest = yaml.load(fs.readFileSync(manifestPath, 'utf8')) as ManifestT
+        return {
+          name: plugin,
+          label: manifest.label,
+          version: manifest.version,
+          author: manifest.author
+        }
+      } catch (error) {
+        console.warn(`Failed to load plugin ${plugin}:`, error)
+        return null
+      }
+    })
+    .filter((plugin): plugin is PluginT => plugin !== null)
+}
+
 /**
  * Sets the directory where plugins are stored.
  * @param newPath the path to the plugins directory to set.
diff --git a/src/main/index.ts b/src/main/index.ts
index 85a1a99..89c8874 100644
--- a/src/main/index.ts
+++ b/src/main/index.ts
@@ -10,6 +10,7 @@ import {
   getHotkeys,
   getPluginActions,
   getPluginsDir,
+  getPlugins,
   listInstalledApplications,
   openApplication,
   openExternal,
@@ -156,6 +157,10 @@ if (!gotTheLock) {
       return getPluginsDir()
     })
 
+    ipcMain.handle('get-plugins', async () => {
+      return getPlugins()
+    })
+
     ipcMain.handle('set-hotkey', async (_, type, hotkey) => {
       return setHotkey(type, hotkey)
     })
diff --git a/src/preload/index.ts b/src/preload/index.ts
index 9471961..f1ff43c 100644
--- a/src/preload/index.ts
+++ b/src/preload/index.ts
@@ -34,6 +34,9 @@ if (process.contextIsolated) {
       getPluginsDir: () => {
         return ipcRenderer.invoke('get-plugins-dir')
       },
+      getPlugins: () => {
+        return ipcRenderer.invoke('get-plugins')
+      },
       getHotkeys: () => {
         return ipcRenderer.invoke('get-hotkeys')
       },
diff --git a/src/renderer/src/components/Settings.tsx b/src/renderer/src/components/Settings.tsx
index 315dc5d..6ac8297 100644
--- a/src/renderer/src/components/Settings.tsx
+++ b/src/renderer/src/components/Settings.tsx
@@ -34,7 +34,7 @@ export const Settings = () => {
   const [open, setOpen] = useState(false)
   const [activeTab, setActiveTab] = useState('hotkeys')
   const [pluginsDir, setPluginsDir] = useState<string | null>(null)
-
+  const [plugins, setPlugins] = useState<PluginT[]>([])
   useEffect(() => {
     const fetchPluginsDir = async () => {
       try {
@@ -47,6 +47,12 @@ export const Settings = () => {
 
     fetchPluginsDir()
 
+    const fetchPlugins = async () => {
+      const plugins = await winElectron.getPlugins()
+      setPlugins(plugins)
+    }
+    fetchPlugins()
+
     winElectron.ipcRenderer.send('enable-global-shortcuts')
   }, [open])
 
@@ -124,6 +130,32 @@ export const Settings = () => {
                       value={hasAlreadyPluginsDir ? pluginsDir : ''}
                     />
                   </div>
+                  <div className="flex flex-col gap-2 mt-3">
+                    <Label>Installed plugins ({plugins.length})</Label>
+                    {plugins.length === 0 ? (
+                      <div className="text-sm text-muted-foreground">
+                        No plugins found. Select a plugins directory above.
+                      </div>
+                    ) : (
+                      <div className="space-y-1.5">
+                        {plugins.map((plugin) => (
+                          <div
+                            key={plugin.label}
+                            className="flex items-center justify-between rounded-md border p-2 hover:bg-accent/50 transition-colors"
+                          >
+                            <div className="flex flex-col gap-0.5">
+                              <div className="font-medium text-foreground text-sm">
+                                {plugin.label}
+                              </div>
+                              <div className="text-xs text-muted-foreground">
+                                v{plugin.version} • by {plugin.author}
+                              </div>
+                            </div>
+                          </div>
+                        ))}
+                      </div>
+                    )}
+                  </div>
                 </div>
               )}
 

From 0582e27df4f01a9e9f02f342d7a03ca8013c8f97 Mon Sep 17 00:00:00 2001
From: russssl <deniskalicen@gmail.com>
Date: Thu, 10 Jul 2025 00:17:31 +0200
Subject: [PATCH 4/4] add ability to disable/enable plugin

---
 src/global.d.ts                          |  3 ++
 src/main/handlers.ts                     | 32 +++++++++++++
 src/main/index.ts                        | 10 ++++
 src/preload/index.ts                     |  6 +++
 src/renderer/src/components/Settings.tsx | 60 +++++++++++++++++++-----
 5 files changed, 98 insertions(+), 13 deletions(-)

diff --git a/src/global.d.ts b/src/global.d.ts
index 47f68c8..0c07604 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -27,6 +27,8 @@ declare global {
     choosePluginsDir: () => Promise<string>
     getPluginsDir: () => Promise<string>
     getPlugins: () => Promise<PluginT[]>
+    setDisabledPlugins: (pluginName: string, isDisabled: boolean) => Promise<void>
+    getDisabledPlugins: () => Promise<string[]>
     getHotkeys: () => Promise<{ [key: string]: string }>
     setHotkey: (type: string, hotkey: string) => Promise<void>
     showMainWindow: () => Promise<void>
@@ -36,6 +38,7 @@ declare global {
 
   type PluginT = {
     name: string
+    label: string
     version: string
     author: string
   }
diff --git a/src/main/handlers.ts b/src/main/handlers.ts
index 80ba03a..3a21900 100644
--- a/src/main/handlers.ts
+++ b/src/main/handlers.ts
@@ -48,6 +48,7 @@ const DEPS = {
  */
 export const getCommands = async () => {
   const currentPluginsDir = await getPluginsDir()
+  const disabledPlugins = await getDisabledPlugins()
   const plugins = fs
     .readdirSync(currentPluginsDir)
     .filter((plugin) => plugin !== '.git')
@@ -57,6 +58,10 @@ export const getCommands = async () => {
     })
 
   return plugins.flatMap((plugin) => {
+    if (disabledPlugins.includes(plugin)) {
+      return []
+    }
+
     const manifestPath = path.join(currentPluginsDir, plugin, 'manifest.yml')
     const manifest = yaml.load(fs.readFileSync(manifestPath, 'utf8')) as ManifestT
 
@@ -370,3 +375,30 @@ export const setHotkey = (type: string, hotkey: string): Promise<void> => {
     })
   })
 }
+
+export const setDisabledPlugins = (pluginName: string, isDisabled: boolean): Promise<void> => {
+  return new Promise((resolve, reject) => {
+    getDisabledPlugins()
+      .then((disabledPlugins) => {
+        const updatedPlugins = isDisabled
+          ? [...disabledPlugins, pluginName]
+          : disabledPlugins.filter((n) => n !== pluginName)
+        storage.set('disabledPlugins', updatedPlugins, (error) => {
+          if (error) reject(error)
+          else resolve()
+        })
+      })
+      .catch(reject)
+  })
+}
+
+export const getDisabledPlugins = (): Promise<string[]> => {
+  return new Promise((resolve) => {
+    storage.get('disabledPlugins', (error, data) => {
+      if (error) throw error
+      // Ensure we always return an array, even if data is null, undefined, or not an array
+      const disabledPlugins = Array.isArray(data) ? data : []
+      resolve(disabledPlugins)
+    })
+  })
+}
diff --git a/src/main/index.ts b/src/main/index.ts
index 89c8874..53e1e06 100644
--- a/src/main/index.ts
+++ b/src/main/index.ts
@@ -7,6 +7,7 @@ import icon from '../../resources/icon.png?asset'
 import {
   choosePluginsDir,
   getCommands,
+  getDisabledPlugins,
   getHotkeys,
   getPluginActions,
   getPluginsDir,
@@ -16,6 +17,7 @@ import {
   openExternal,
   runCommand,
   runPluginAction,
+  setDisabledPlugins,
   setHotkey
 } from './handlers'
 import { setupAutoUpdater } from './autoUpdater'
@@ -161,6 +163,14 @@ if (!gotTheLock) {
       return getPlugins()
     })
 
+    ipcMain.handle('get-disabled-plugins', async () => {
+      return getDisabledPlugins()
+    })
+
+    ipcMain.handle('set-disabled-plugins', async (_, pluginName, isDisabled) => {
+      return setDisabledPlugins(pluginName, isDisabled)
+    })
+
     ipcMain.handle('set-hotkey', async (_, type, hotkey) => {
       return setHotkey(type, hotkey)
     })
diff --git a/src/preload/index.ts b/src/preload/index.ts
index f1ff43c..fa22e4d 100644
--- a/src/preload/index.ts
+++ b/src/preload/index.ts
@@ -43,6 +43,12 @@ if (process.contextIsolated) {
       setHotkey: (type, hotkey) => {
         return ipcRenderer.invoke('set-hotkey', type, hotkey)
       },
+      setDisabledPlugins: (pluginName, isDisabled) => {
+        return ipcRenderer.invoke('set-disabled-plugins', pluginName, isDisabled)
+      },
+      getDisabledPlugins: () => {
+        return ipcRenderer.invoke('get-disabled-plugins')
+      },
       showMainWindow: () => {
         return ipcRenderer.send('show-main-window')
       },
diff --git a/src/renderer/src/components/Settings.tsx b/src/renderer/src/components/Settings.tsx
index 6ac8297..78cbe1e 100644
--- a/src/renderer/src/components/Settings.tsx
+++ b/src/renderer/src/components/Settings.tsx
@@ -35,6 +35,8 @@ export const Settings = () => {
   const [activeTab, setActiveTab] = useState('hotkeys')
   const [pluginsDir, setPluginsDir] = useState<string | null>(null)
   const [plugins, setPlugins] = useState<PluginT[]>([])
+  const [disabledPlugins, setDisabledPluginsState] = useState<string[]>([])
+
   useEffect(() => {
     const fetchPluginsDir = async () => {
       try {
@@ -53,6 +55,12 @@ export const Settings = () => {
     }
     fetchPlugins()
 
+    const fetchDisabledPlugins = async () => {
+      const disabledPlugins = await winElectron.getDisabledPlugins()
+      setDisabledPluginsState(disabledPlugins)
+    }
+    fetchDisabledPlugins()
+
     winElectron.ipcRenderer.send('enable-global-shortcuts')
   }, [open])
 
@@ -67,6 +75,19 @@ export const Settings = () => {
     if (!state) await winElectron.reloadApp()
   }
 
+  const handleDisablePluginChange = async (plugin: PluginT, isDisabled: boolean) => {
+    try {
+      await winElectron.setDisabledPlugins(plugin.name, isDisabled)
+      setDisabledPluginsState((prev) => {
+        const newDisabled = isDisabled
+          ? [...prev, plugin.name]
+          : prev.filter((n) => n !== plugin.name)
+        return newDisabled
+      })
+    } catch (error) {
+      console.error('Failed to update plugin state:', error)
+    }
+  }
   const hasAlreadyPluginsDir = typeof pluginsDir === 'string'
 
   return (
@@ -138,21 +159,34 @@ export const Settings = () => {
                       </div>
                     ) : (
                       <div className="space-y-1.5">
-                        {plugins.map((plugin) => (
-                          <div
-                            key={plugin.label}
-                            className="flex items-center justify-between rounded-md border p-2 hover:bg-accent/50 transition-colors"
-                          >
-                            <div className="flex flex-col gap-0.5">
-                              <div className="font-medium text-foreground text-sm">
-                                {plugin.label}
-                              </div>
-                              <div className="text-xs text-muted-foreground">
-                                v{plugin.version} • by {plugin.author}
+                        {plugins.map((plugin) => {
+                          const isDisabled = disabledPlugins.includes(plugin.name)
+                          return (
+                            <div
+                              key={plugin.name}
+                              className="flex items-center justify-between rounded-md border p-2 hover:bg-accent/50 transition-colors"
+                            >
+                              <div className="flex flex-col gap-0.5">
+                                <div className="font-medium text-foreground text-sm">
+                                  {plugin.label}
+                                </div>
+                                <div className="text-xs text-muted-foreground">
+                                  v{plugin.version} • by {plugin.author}
+                                </div>
                               </div>
+                              <button
+                                className={`ml-4 px-4 py-1.5 rounded-lg text-xs font-semibold transition-all duration-200 shadow-sm border ${
+                                  isDisabled
+                                    ? 'bg-emerald-900/10 text-emerald-600 border-emerald-800/20 hover:bg-emerald-900/20 hover:border-emerald-800/30 hover:shadow-md'
+                                    : 'bg-red-900/10 text-red-600 border-red-800/20 hover:bg-red-900/20 hover:border-red-800/30 hover:shadow-md'
+                                }`}
+                                onClick={() => handleDisablePluginChange(plugin, !isDisabled)}
+                              >
+                                {isDisabled ? 'Enable' : 'Disable'}
+                              </button>
                             </div>
-                          </div>
-                        ))}
+                          )
+                        })}
                       </div>
                     )}
                   </div>