feat: add uninstall extension button in deprecated extension dialog

Author: abose

src/htmlContent/deprecated-extensions-dialog.html

@@ -7,16 +7,23 @@ <h1 class="dialog-title">{{Strings.DEPRECATED_EXTENSIONS_TITLE}}</h1>
 
         <div class="deprecated-extensions-list" style="margin-top: 16px;">
             {{#extensions}}
-            <div class="deprecated-extension-item" style="margin-bottom: 12px; padding: 12px;">
-                <div class="extension-info" style="margin-bottom: 6px;">
-                    <i class="fa fa-exclamation-triangle" style="color: #f5a623; margin-right: 8px;"></i>
-                    <strong>{{id}}</strong>
+            <div class="deprecated-extension-item" style="margin-bottom: 12px; padding: 12px; display: flex; justify-content: space-between; align-items: flex-start;">
+                <div style="flex: 1;">
+                    <div class="extension-info" style="margin-bottom: 6px;">
+                        <i class="fa fa-exclamation-triangle" style="color: #f5a623; margin-right: 8px;"></i>
+                        <strong>{{id}}</strong>
+                    </div>
+                    <div class="extension-alternative" style="margin-left: 24px;">
+                        <a href="{{docUrl}}" target="_blank" rel="noopener">
+                            {{Strings.DEPRECATED_EXTENSIONS_LEARN_MORE}}
+                            <i class="fa fa-external-link" style="margin-left: 4px; font-size: 11px;"></i>
+                        </a>
+                    </div>
                 </div>
-                <div class="extension-alternative" style="margin-left: 24px;">
-                    <a href="{{docUrl}}" target="_blank" rel="noopener">
-                        {{Strings.DEPRECATED_EXTENSIONS_LEARN_MORE}}
-                        <i class="fa fa-external-link" style="margin-left: 4px; font-size: 11px;"></i>
-                    </a>
+                <div style="margin-left: 12px;">
+                    <button class="btn btn-mini uninstall-extension-btn" data-extension-id="{{id}}">
+                        {{Strings.REMOVE}}
+                    </button>
                 </div>
             </div>
             {{/extensions}}

src/utils/ExtensionLoader.js

@@ -1042,6 +1042,15 @@ define(function (require, exports, module) {
         return takedownExtensionList.has(extensionID);
     }
 
+    /**
+     * Uninstall a deprecated extension
+     * @param {string} extensionID - The ID of the extension to uninstall
+     */
+    function uninstallExtension(extensionID) {
+        // TODO: Implement uninstall logic
+        alert(`Uninstall button clicked for extension: ${extensionID}`);
+    }
+
     /**
      * Check if any deprecated extensions are installed and show a dialog once per extension
      * @private
@@ -1086,6 +1095,12 @@ define(function (require, exports, module) {
         const $template = $(Mustache.render(DeprecatedExtensionsTemplate, templateVars));
         Dialogs.showModalDialogUsingTemplate($template);
 
+        // Wire up uninstall button click handlers
+        $template.on('click', '.uninstall-extension-btn', function() {
+            const extensionID = $(this).data('extension-id');
+            uninstallExtension(extensionID);
+        });
+
         // Mark each extension as shown
         for (const ext of deprecatedExtensionsFound) {
             shownDeprecatedExtensions[ext.id] = true;
@@ -1117,6 +1132,7 @@ define(function (require, exports, module) {
     exports.loadAllExtensionsInNativeDirectory = loadAllExtensionsInNativeDirectory;
     exports.loadExtensionFromNativeDirectory = loadExtensionFromNativeDirectory;
     exports.isExtensionTakenDown = isExtensionTakenDown;
+    exports.uninstallExtension = uninstallExtension;
     exports.testAllExtensionsInNativeDirectory = testAllExtensionsInNativeDirectory;
     exports.testAllDefaultExtensions = testAllDefaultExtensions;
     exports.EVENT_EXTENSION_LOADED = EVENT_EXTENSION_LOADED;