app,frontend: Allow to open the plugin folder

From the PluginSettingsDetails.

Author: joaquimrocha

app/electron/main.ts

@@ -1498,6 +1498,31 @@ function startElecron() {
 
     new PluginManagerEventListeners().setupEventHandlers();
 
+    // Handle opening plugin folder in file explorer
+    ipcMain.on(
+      'open-plugin-folder',
+      (
+        event: IpcMainEvent,
+        pluginInfo: { folderName: string; type: 'development' | 'user' | 'shipped' }
+      ) => {
+        let folderPath: string | null = null;
+
+        if (pluginInfo.type === 'user') {
+          folderPath = path.join(defaultUserPluginsDir(), pluginInfo.folderName);
+        } else if (pluginInfo.type === 'development') {
+          folderPath = path.join(defaultPluginsDir(), pluginInfo.folderName);
+        } else if (pluginInfo.type === 'shipped') {
+          folderPath = path.join(process.resourcesPath, '.plugins', pluginInfo.folderName);
+        }
+
+        if (folderPath) {
+          shell.openPath(folderPath).catch((err: Error) => {
+            console.error('Failed to open plugin folder:', err);
+          });
+        }
+      }
+    );
+
     // Also add bundled plugin bin directories to PATH
     const bundledPlugins = path.join(process.resourcesPath, '.plugins');
     const bundledPluginBinDirs = getPluginBinDirectories(bundledPlugins);

app/electron/preload.ts

@@ -30,6 +30,7 @@ contextBridge.exposeInMainWorld('desktopApi', {
       'plugin-manager',
       'request-backend-token',
       'request-plugin-permission-secrets',
+      'open-plugin-folder',
     ];
     if (validChannels.includes(channel)) {
       ipcRenderer.send(channel, data);

frontend/src/components/App/PluginSettings/PluginSettingsDetails.tsx

@@ -39,6 +39,36 @@ import { ConfirmDialog } from '../../common/Dialog';
 import ErrorBoundary from '../../common/ErrorBoundary';
 import { SectionBox } from '../../common/SectionBox';
 
+// Helper function to open plugin folder in file explorer (Electron only)
+function openPluginFolder(plugin: PluginInfo) {
+  if (!isElectron()) {
+    return;
+  }
+
+  const folderName = plugin.folderName || plugin.name.split('/').pop();
+  if (!folderName || !plugin.type) {
+    return;
+  }
+
+  const { desktopApi } = window as any;
+  if (desktopApi?.send) {
+    desktopApi.send('open-plugin-folder', {
+      folderName,
+      type: plugin.type,
+    });
+  }
+}
+
+// Helper to check if we can open the plugin folder
+function canOpenPluginFolder(plugin: PluginInfo): boolean {
+  if (!isElectron()) {
+    return false;
+  }
+
+  const folderName = plugin.folderName || plugin.name.split('/').pop();
+  return !!(folderName && plugin.type);
+}
+
 const PluginSettingsDetailsInitializer = (props: { plugin: PluginInfo }) => {
   const { plugin } = props;
   const { t } = useTranslation(['translation']);
@@ -243,14 +273,27 @@ export function PluginSettingsDetailsPure(props: PluginSettingsDetailsPureProps)
               ),
             ]}
             actions={
-              isElectron() && plugin.type !== 'shipped'
+              isElectron()
                 ? [
-                    <ActionButton
-                      description={t('translation|Delete Plugin')}
-                      icon="mdi:delete"
-                      onClick={handleDelete}
-                      color="error"
-                    />,
+                    ...(canOpenPluginFolder(plugin)
+                      ? [
+                          <ActionButton
+                            description={t('translation|Open Plugin Folder')}
+                            icon="mdi:folder-open"
+                            onClick={() => openPluginFolder(plugin)}
+                          />,
+                        ]
+                      : []),
+                    ...(plugin.type !== 'shipped'
+                      ? [
+                          <ActionButton
+                            description={t('translation|Delete Plugin')}
+                            icon="mdi:delete"
+                            onClick={handleDelete}
+                            color="error"
+                          />,
+                        ]
+                      : []),
                   ]
                 : []
             }