ui: add escape and add success toasts (#1931)

ui/desktop/src/components/settings_v2/extensions/extension-manager.ts

@@ -18,7 +18,7 @@ export async function activateExtension({
 }: ActivateExtensionProps): Promise<void> {
   try {
     // AddToAgent
-    await addToAgent(extensionConfig);
+    await addToAgent(extensionConfig, { silent: false, showEscMessage: true });
   } catch (error) {
     console.error('Failed to add extension to agent:', error);
     // add to config with enabled = false

ui/desktop/src/components/settings_v2/extensions/modal/ExtensionConfigFields.tsx

@@ -1,6 +1,5 @@
 import { Input } from '../../../ui/input';
 import React from 'react';
-import { removeShims } from '../utils';
 
 interface ExtensionConfigFieldsProps {
   type: 'stdio' | 'sse' | 'builtin';
@@ -26,7 +25,7 @@ export default function ExtensionConfigFields({
           <label className="text-sm font-medium mb-2 block text-textStandard">Command</label>
           <div className="relative">
             <Input
-              value={removeShims(full_cmd)}
+              value={full_cmd}
               onChange={(e) => onChange('cmd', e.target.value)}
               placeholder="e.g. npx -y @modelcontextprotocol/my-extension <filepath>"
               className={`w-full ${!submitAttempted || isValid ? 'border-borderSubtle' : 'border-red-500'} text-textStandard`}