@lvce-editor/static-server 0.48.2 → 0.49.0

package/static/{61a783e → afbdbf5}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -110,7 +110,7 @@ const getAssetDir = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/61a783e';
+    return '/afbdbf5';
   }
 };
 const assetDir = getAssetDir();
@@ -514,7 +514,7 @@ const EditorError = 16;
 const ErrorHandling = 18;
 const ExtensionHostCode = 19;
 const ExtensionMeta = 20;
-const Extensions$3 = 21;
+const Extensions$2 = 21;
 const FileSystem = 22;
 const Format = 23;
 const IconTheme = 24;
@@ -681,7 +681,7 @@ const getModuleId$1 = commandId => {
     case 'ExtensionMeta':
       return ExtensionMeta;
     case 'Extensions':
-      return Extensions$3;
+      return Extensions$2;
     case 'FilePicker':
       return FilePicker;
     case 'FileSystem':
@@ -2122,7 +2122,6 @@ const FileSystemRemove$1 = 'FileSystemDisk.remove';
 const FileSystemRename$1 = 'FileSystemDisk.rename';
 const FileSystemStat = 'FileSystemDisk.stat';
 const FileSystemWriteFile$1 = 'FileSystemDisk.writeFile';
-const InstallExtensionInstallExtension = 'InstallExtension.installExtension';
 const OpenNativeFolder = 'OpenNativeFolder.openFolder';
 const PreferencesGetAll = 'Preferences.getAll';
 const RecentlyOpenedAddPath = 'RecentlyOpened.addPath';
@@ -3101,7 +3100,6 @@ const FocusActivityBar = 5;
 const FocusDebugInput = 6;
 const FocusDialog = 7;
 const FocusEditorRename = 11;
-const FocusExtensions = 15;
 const FocusFindWidget = 16;
 const FocusMenu = 18;
 const FocusProblems = 19;
@@ -3565,7 +3563,7 @@ const Error$3 = 'Error';
 const EmptyEditor = 'EmptyEditor';
 const Explorer$1 = 'Explorer';
 const ExtensionDetail = 'ExtensionDetail';
-const Extensions$2 = 'Extensions';
+const Extensions$1 = 'Extensions';
 const Iframe = 'Iframe';
 const Implementations = 'Implementations';
 const KeyBindings = 'KeyBindings';
@@ -3632,7 +3630,7 @@ const ViewletModuleId = {
   Error: Error$3,
   Explorer: Explorer$1,
   ExtensionDetail,
-  Extensions: Extensions$2,
+  Extensions: Extensions$1,
   Iframe,
   IframeInspector,
   Implementations,
@@ -4590,7 +4588,13 @@ const openWidget = async (moduleId, ...args) => {
     commands.unshift(['Viewlet.dispose', moduleId]);
   }
   const layout = getState$1(Layout);
-  commands.push(['Viewlet.append', layout.uid, childUid]);
+  const focusByNameIndex = commands.findIndex(command => command[0] === 'Viewlet.focusElementByName');
+  const append = ['Viewlet.append', layout.uid, childUid];
+  if (focusByNameIndex !== -1) {
+    commands.splice(focusByNameIndex, 0, append);
+  } else {
+    commands.push(['Viewlet.append', layout.uid, childUid]);
+  }
   // TODO ask view to render, rendering focus
   commands.push(['Viewlet.focus', childUid]);
   await invoke$h('Viewlet.executeCommands', commands);
@@ -5363,7 +5367,7 @@ const load$3 = moduleId => {
       return Promise.resolve().then(function () { return ExtensionHostCore_ipc; });
     case ExtensionMeta:
       return Promise.resolve().then(function () { return ExtensionMeta_ipc; });
-    case Extensions$3:
+    case Extensions$2:
       return Promise.resolve().then(function () { return Extensions_ipc; });
     case FilePicker:
       return Promise.resolve().then(function () { return FilePicker_ipc; });
@@ -5919,7 +5923,7 @@ const map = {
   [EmptyEditor]: () => Promise.resolve().then(function () { return ViewletEmptyEditor_ipc; }),
   [Explorer$1]: () => Promise.resolve().then(function () { return ViewletExplorer_ipc; }),
   [ExtensionDetail]: () => Promise.resolve().then(function () { return ViewletExtensionDetail_ipc; }),
-  [Extensions$2]: () => Promise.resolve().then(function () { return ViewletExtensions_ipc; }),
+  [Extensions$1]: () => Promise.resolve().then(function () { return ViewletExtensions_ipc; }),
   [Implementations]: () => Promise.resolve().then(function () { return ViewletImplementations_ipc; }),
   [InlineDiffEditor$1]: () => Promise.resolve().then(function () { return ViewletInlineDiffEditor_ipc; }),
   [KeyBindings]: () => Promise.resolve().then(function () { return ViewletKeyBindings_ipc; }),
@@ -5974,6 +5978,13 @@ const getWatchConfig = () => {
       command: 'ExtensionDetail.hotReload'
     });
   }
+  const extensionSearchViewWorkerPath = get$d('develop.extensionSearchViewWorkerPath');
+  if (extensionDetail) {
+    watchConfig.push({
+      path: extensionSearchViewWorkerPath,
+      command: 'Extensions.hotReload'
+    });
+  }
   const iframeInspector = get$d('develop.iframeInspectorWorkerPath');
   if (iframeInspector) {
     watchConfig.push({
@@ -8616,17 +8627,17 @@ const i18nString = (key, placeholders = emptyObject) => {
 /**
  * @enum {string}
  */
-const UiStrings$o = {
+const UiStrings$n = {
   DoYouWantToUpdate: 'Do you want to update to version {PH1}?',
   DoYouWantToRestart: 'The Update has been downloaded. Do you want to restart now?'
 };
 const promptMessage = version => {
-  return i18nString(UiStrings$o.DoYouWantToUpdate, {
+  return i18nString(UiStrings$n.DoYouWantToUpdate, {
     PH1: version
   });
 };
 const promptRestart = () => {
-  return i18nString(UiStrings$o.DoYouWantToRestart);
+  return i18nString(UiStrings$n.DoYouWantToRestart);
 };
 
 const getAutoUpdateType = () => {
@@ -9271,15 +9282,15 @@ const prompt$2 = async (message, confirmMessage, title) => {
 /**
  * @enum {string}
  */
-const UiStrings$n = {
+const UiStrings$m = {
   Cancel: 'Cancel',
   Ok: 'Ok'
 };
 const cancel = () => {
-  return i18nString(UiStrings$n.Cancel);
+  return i18nString(UiStrings$m.Cancel);
 };
 const ok = () => {
-  return i18nString(UiStrings$n.Ok);
+  return i18nString(UiStrings$m.Ok);
 };
 
 const prompt$1 = async (message, {
@@ -10113,7 +10124,7 @@ const openFile$3 = () => {
       return openFileElectron();
   }
 };
-const handleClick$8 = async index => {
+const handleClick$7 = async index => {
   // @ts-ignore
   const {
     options
@@ -10150,7 +10161,7 @@ const showMessage = async (message, options) => {
       // TODO can this even happen?
       return;
     }
-    await handleClick$8(index);
+    await handleClick$7(index);
   } else {
     await openWidget(Dialog, message, options);
   }
@@ -10160,7 +10171,7 @@ const name$1_ = 'Dialog';
 const Commands$1U = {
   // @ts-ignore
   close: undefined,
-  handleClick: handleClick$8,
+  handleClick: handleClick$7,
   openFile: openFile$3,
   openFolder: openFolder$4,
   showMessage: showMessage
@@ -10294,7 +10305,7 @@ const EditorError_ipc = {
 /**
  * @enum {string}
  */
-const UiStrings$m = {
+const UiStrings$l = {
   Copy: 'Copy',
   CopyLineDown: 'Copy Line Down',
   CopyLineUp: 'Copy Line Up',
@@ -10314,58 +10325,58 @@ const UiStrings$m = {
   FormatDocument: 'Format Document',
   SourceActions: 'Source Actions'};
 const goToDefinition = () => {
-  return i18nString(UiStrings$m.GoToDefinition);
+  return i18nString(UiStrings$l.GoToDefinition);
 };
 const goToTypeDefinition = () => {
-  return i18nString(UiStrings$m.GoToTypeDefinition);
+  return i18nString(UiStrings$l.GoToTypeDefinition);
 };
 const findAllReferences = () => {
-  return i18nString(UiStrings$m.FindAllReferences);
+  return i18nString(UiStrings$l.FindAllReferences);
 };
 const findAllImplementations = () => {
-  return i18nString(UiStrings$m.FindAllImplementations);
+  return i18nString(UiStrings$l.FindAllImplementations);
 };
 const cut = () => {
-  return i18nString(UiStrings$m.Cut);
+  return i18nString(UiStrings$l.Cut);
 };
 const copy$3 = () => {
-  return i18nString(UiStrings$m.Copy);
+  return i18nString(UiStrings$l.Copy);
 };
 const paste = () => {
-  return i18nString(UiStrings$m.Paste);
+  return i18nString(UiStrings$l.Paste);
 };
 const undo = () => {
-  return i18nString(UiStrings$m.Undo);
+  return i18nString(UiStrings$l.Undo);
 };
 const redo = () => {
-  return i18nString(UiStrings$m.Redo);
+  return i18nString(UiStrings$l.Redo);
 };
 const toggleLineComment = () => {
-  return i18nString(UiStrings$m.ToggleLineComment);
+  return i18nString(UiStrings$l.ToggleLineComment);
 };
 const toggleBlockComment = () => {
-  return i18nString(UiStrings$m.ToggleBlockComment);
+  return i18nString(UiStrings$l.ToggleBlockComment);
 };
 const selectAll = () => {
-  return i18nString(UiStrings$m.SelectAll);
+  return i18nString(UiStrings$l.SelectAll);
 };
 const copyLineUp = () => {
-  return i18nString(UiStrings$m.CopyLineUp);
+  return i18nString(UiStrings$l.CopyLineUp);
 };
 const copyLineDown = () => {
-  return i18nString(UiStrings$m.CopyLineDown);
+  return i18nString(UiStrings$l.CopyLineDown);
 };
 const moveLineUp = () => {
-  return i18nString(UiStrings$m.MoveLineUp);
+  return i18nString(UiStrings$l.MoveLineUp);
 };
 const moveLineDown = () => {
-  return i18nString(UiStrings$m.MoveLineDown);
+  return i18nString(UiStrings$l.MoveLineDown);
 };
 const formatDocument = () => {
-  return i18nString(UiStrings$m.FormatDocument);
+  return i18nString(UiStrings$l.FormatDocument);
 };
 const sourceAction = () => {
-  return i18nString(UiStrings$m.SourceActions);
+  return i18nString(UiStrings$l.SourceActions);
 };
 
 const Separator$3 = 1;
@@ -10460,7 +10471,7 @@ const MenuEntriesEdit = {
 /**
  * @enum {string}
  */
-const UiStrings$l = {
+const UiStrings$k = {
   NewFile: 'New File',
   NewWindow: 'New Window',
   OpenFile: 'Open File',
@@ -10471,28 +10482,28 @@ const UiStrings$l = {
   SaveAll: 'Save All'
 };
 const newFile$1 = () => {
-  return i18nString(UiStrings$l.NewFile);
+  return i18nString(UiStrings$k.NewFile);
 };
 const newWindow$1 = () => {
-  return i18nString(UiStrings$l.NewWindow);
+  return i18nString(UiStrings$k.NewWindow);
 };
 const openFile$2 = () => {
-  return i18nString(UiStrings$l.OpenFile);
+  return i18nString(UiStrings$k.OpenFile);
 };
 const openFolder$3 = () => {
-  return i18nString(UiStrings$l.OpenFolder);
+  return i18nString(UiStrings$k.OpenFolder);
 };
 const openRecent = () => {
-  return i18nString(UiStrings$l.OpenRecent);
+  return i18nString(UiStrings$k.OpenRecent);
 };
 const save$1 = () => {
-  return i18nString(UiStrings$l.Save);
+  return i18nString(UiStrings$k.Save);
 };
 const saveAll = () => {
-  return i18nString(UiStrings$l.SaveAll);
+  return i18nString(UiStrings$k.SaveAll);
 };
 const exit$1 = () => {
-  return i18nString(UiStrings$l.Exit);
+  return i18nString(UiStrings$k.Exit);
 };
 
 const id$m = File;
@@ -10564,7 +10575,7 @@ const MenuEntriesGo = {
 /**
  * @enum {string}
  */
-const UiStrings$k = {
+const UiStrings$j = {
   About: 'About',
   CheckForUpdates: 'Check For Updates',
   ColorTheme: 'Color Theme',
@@ -10575,28 +10586,28 @@ const UiStrings$k = {
   ToggleDeveloperTools: 'Toggle Developer Tools'
 };
 const toggleDeveloperTools = () => {
-  return i18nString(UiStrings$k.ToggleDeveloperTools);
+  return i18nString(UiStrings$j.ToggleDeveloperTools);
 };
 const openProcessExplorer = () => {
-  return i18nString(UiStrings$k.OpenProcessExplorer);
+  return i18nString(UiStrings$j.OpenProcessExplorer);
 };
 const checkForUpdates = () => {
-  return i18nString(UiStrings$k.CheckForUpdates);
+  return i18nString(UiStrings$j.CheckForUpdates);
 };
 const about = () => {
-  return i18nString(UiStrings$k.About);
+  return i18nString(UiStrings$j.About);
 };
 const commandPalette = () => {
-  return i18nString(UiStrings$k.CommandPalette);
+  return i18nString(UiStrings$j.CommandPalette);
 };
 const settings$1 = () => {
-  return i18nString(UiStrings$k.Settings);
+  return i18nString(UiStrings$j.Settings);
 };
 const keyboardShortcuts = () => {
-  return i18nString(UiStrings$k.KeyboardShortcuts);
+  return i18nString(UiStrings$j.KeyboardShortcuts);
 };
 const colorTheme = () => {
-  return i18nString(UiStrings$k.ColorTheme);
+  return i18nString(UiStrings$j.ColorTheme);
 };
 
 const isAutoUpdateSupported = () => {
@@ -10666,7 +10677,7 @@ const ClearAll = 'ClearAll';
 const CollapseAll$1 = 'CollapseAll';
 const DebugAlt2 = 'DebugAlt2';
 const Ellipsis = 'Ellipsis';
-const Extensions$1 = 'Extensions';
+const Extensions = 'Extensions';
 const Files = 'Files';
 const Refresh$1 = 'Refresh';
 const RecordKey = 'RecordKey';
@@ -10695,7 +10706,7 @@ const getFileIcon = uri => {
     return `MaskIcon${RecordKey}`;
   }
   if (uri.startsWith('extension-detail://')) {
-    return `MaskIcon${Extensions$1}`;
+    return `MaskIcon${Extensions}`;
   }
   const baseName = pathBaseName(uri);
   const icon = getFileIcon$1({
@@ -10707,15 +10718,15 @@ const getFileIcon = uri => {
 /**
  * @enum {string}
  */
-const UiStrings$j = {
+const UiStrings$i = {
   MoreDot: 'More ...',
   ClearRecentlyOpened: 'Clear Recently Opened'
 };
 const moreDot = () => {
-  return i18nString(UiStrings$j.MoreDot);
+  return i18nString(UiStrings$i.MoreDot);
 };
 const clearRecentlyOpened = () => {
-  return i18nString(UiStrings$j.ClearRecentlyOpened);
+  return i18nString(UiStrings$i.ClearRecentlyOpened);
 };
 
 const MAX_MENU_RECENT_ENTRIES = 10;
@@ -10798,19 +10809,19 @@ const MenuEntriesSelection = {
 /**
  * @enum {string}
  */
-const UiStrings$i = {
+const UiStrings$h = {
   SplitTerminal: 'Split Terminal',
   KillTerminal: 'Kill Terminal',
   NewTerminal: 'New Terminal'
 };
 const splitTerminal = () => {
-  return i18nString(UiStrings$i.SplitTerminal);
+  return i18nString(UiStrings$h.SplitTerminal);
 };
 const killTerminal = () => {
-  return i18nString(UiStrings$i.KillTerminal);
+  return i18nString(UiStrings$h.KillTerminal);
 };
 const newTerminal = () => {
-  return i18nString(UiStrings$i.NewTerminal);
+  return i18nString(UiStrings$h.NewTerminal);
 };
 
 const id$g = Terminal;
@@ -10882,7 +10893,7 @@ const SubMenu = 'submenu';
 /**
  * @enum {string}
  */
-const UiStrings$h = {
+const UiStrings$g = {
   Help: 'Help',
   File: 'File',
   Edit: 'Edit',
@@ -10896,60 +10907,60 @@ const UiStrings$h = {
   ToggleDeveloperTools: 'Toggle Developer Tools'};
 const toElectronMenuItem = entry => {
   switch (entry.label) {
-    case UiStrings$h.Help:
+    case UiStrings$g.Help:
       return {
         label: entry.label,
         role: Help,
         submenu: []
       };
-    case UiStrings$h.File:
+    case UiStrings$g.File:
       return {
         label: entry.label,
         role: FileMenu,
         submenu: []
       };
-    case UiStrings$h.Edit:
+    case UiStrings$g.Edit:
       return {
         label: entry.label,
         role: EditMenu,
         submenu: []
       };
-    case UiStrings$h.Exit:
+    case UiStrings$g.Exit:
       return {
         label: entry.label,
         role: Quit
       };
-    case UiStrings$h.Undo:
+    case UiStrings$g.Undo:
       return {
         label: entry.label,
         role: Undo
       };
-    case UiStrings$h.Redo:
+    case UiStrings$g.Redo:
       return {
         label: entry.label,
         role: Redo
       };
-    case UiStrings$h.Cut:
+    case UiStrings$g.Cut:
       return {
         label: entry.label,
         role: Cut
       };
-    case UiStrings$h.Copy:
+    case UiStrings$g.Copy:
       return {
         label: entry.label,
         role: Copy
       };
-    case UiStrings$h.Paste:
+    case UiStrings$g.Paste:
       return {
         label: entry.label,
         role: Paste
       };
-    case UiStrings$h.SelectAll:
+    case UiStrings$g.SelectAll:
       return {
         label: entry.label,
         role: SelectAll
       };
-    case UiStrings$h.ToggleDeveloperTools:
+    case UiStrings$g.ToggleDeveloperTools:
       return {
         label: entry.label,
         role: ToggleDevTools
@@ -11038,7 +11049,7 @@ const hydrate = async () => {
   // TODO send menu items to electron
   // TODO add listener for when menu items change
 };
-const handleClick$7 = async label => {
+const handleClick$6 = async label => {
   const commandPair = state$g.commandMap[label];
   if (!commandPair) {
     throw new Error(`no command found for ${label}`);
@@ -11054,7 +11065,7 @@ const name$1X = 'ElectronApplicationMenu';
 
 // prettier-ignore
 const Commands$1Q = {
-  handleClick: handleClick$7,
+  handleClick: handleClick$6,
   hydrate: hydrate
 };
 
@@ -11160,7 +11171,7 @@ const getCommandsFromExtension = extension => {
 const getCommandsFromExtensions = extensions => {
   return extensions.flatMap(getCommandsFromExtension);
 };
-const getCommands$7 = async () => {
+const getCommands$8 = async () => {
   const extensions = await getExtensions$1();
   const commands = getCommandsFromExtensions(extensions);
   return commands;
@@ -11225,7 +11236,7 @@ const name$1Q = 'ExtensionHost';
 // prettier-ignore
 const Commands$1J = {
   loadWebExtension: loadWebExtension,
-  getCommands: getCommands$7,
+  getCommands: getCommands$8,
   executeCommand: executeCommand,
   searchFileWithFetch: searchFileWithFetch,
   searchFileWithHtml: searchFileWithHtml,
@@ -12936,7 +12947,7 @@ const showWithOptions = async (type, text, options) => {
   });
   await invoke$h(/* Notification.createWithOptions */993, /* type */type, /* text */text, /* options */options);
 };
-const handleClick$6 = index => {
+const handleClick$5 = index => {
   console.log('handle click');
   const notification = state$8.notifications[0];
   if (!notification.options) {
@@ -12957,7 +12968,7 @@ const name$1y = 'Notification';
 const Commands$1q = {
   create: create$S,
   dispose: dispose$t,
-  handleClick: handleClick$6,
+  handleClick: handleClick$5,
   showWithOptions: showWithOptions
 };
 
@@ -14108,22 +14119,6 @@ const Process_ipc = {
   name: name$P
 };
 
-const install$1 = id => {
-  return invoke$g(InstallExtensionInstallExtension, /* id */id);
-};
-
-const install = id => {
-  return install$1(id);
-};
-const uninstall$1 = id => {
-  return invoke$g(/* ExtensionManagement.uninstall */'ExtensionManagement.uninstall', /* id */id);
-};
-const disable$1 = async id => {
-  return invoke$g(/* ExtensionManagement.disable */'ExtensionManagement.disable', /* id */id);
-};
-const enable$1 = async id => {
-  return invoke$g(/* ExtensionManagement.enable */'ExtensionManagement.enable', /* id */id);
-};
 const getAllExtensions = async () => {
   if (platform === Web$1) {
     return [];
@@ -14205,7 +14200,6 @@ const None$e = 0;
 const About = FocusAbout;
 const ActivityBar$2 = FocusActivityBar;
 const Confirm = FocusConfirm;
-const Extensions = FocusExtensions;
 const Problems = FocusProblems;
 const SourceControlInput = FocusSourceControlInput;
 
@@ -14268,7 +14262,7 @@ const wrapAboutCommand = key => {
 };
 
 const Commands$E = {};
-const getCommands$6 = async () => {
+const getCommands$7 = async () => {
   const commands = await invoke$d('About.getCommandIds');
   for (const command of commands) {
     Commands$E[command] = wrapAboutCommand(command);
@@ -14300,6 +14294,9 @@ const apply = (oldState, newState) => {
     if (command[0] === 'Viewlet.focusSelector') {
       return ['Viewlet.focusSelector', newState.uid, ...command.slice(1)];
     }
+    if (command[0] === 'Viewlet.setValueByName') {
+      return ['Viewlet.setValueByName', newState.uid, ...command.slice(1)];
+    }
     if (command[0] === 'Viewlet.create' || command[0] === 'Viewlet.send' || command[0] === 'Viewlet.createFunctionalRoot' || command[0] === 'Viewlet.setDom2') {
       return command;
     }
@@ -14309,8 +14306,8 @@ const apply = (oldState, newState) => {
 };
 
 const hasFunctionalRender$E = true;
-const hasFunctionalRootRender$n = true;
-const hasFunctionalEvents$7 = true;
+const hasFunctionalRootRender$o = true;
+const hasFunctionalEvents$8 = true;
 const renderDialog$2 = {
   isEqual(oldState, newState) {
     return false;
@@ -14331,15 +14328,15 @@ const ViewletAbout_ipc = {
   create: create$Q,
   focusNext: focusNext$6,
   focusPrevious: focusPrevious$6,
-  getCommands: getCommands$6,
+  getCommands: getCommands$7,
   getKeyBindings: getKeyBindings$i,
   handleClickClose: handleClickClose$3,
   handleClickCopy,
   handleClickOk: handleClickOk$1,
   handleFocusIn: handleFocusIn$1,
-  hasFunctionalEvents: hasFunctionalEvents$7,
+  hasFunctionalEvents: hasFunctionalEvents$8,
   hasFunctionalRender: hasFunctionalRender$E,
-  hasFunctionalRootRender: hasFunctionalRootRender$n,
+  hasFunctionalRootRender: hasFunctionalRootRender$o,
   loadContent: loadContent$L,
   name: name$M,
   render: render$H,
@@ -14358,7 +14355,7 @@ const MarginTop = 1 << 6;
 /**
  * @enum {string}
  */
-const UiStrings$g = {
+const UiStrings$f = {
   Explorer: 'Explorer',
   Search: 'Search',
   SourceControl: 'Source Control',
@@ -14372,37 +14369,37 @@ const UiStrings$g = {
   HideActivityBar: 'Hide Activity Bar'
 };
 const explorer$1 = () => {
-  return i18nString(UiStrings$g.Explorer);
+  return i18nString(UiStrings$f.Explorer);
 };
 const search = () => {
-  return i18nString(UiStrings$g.Search);
+  return i18nString(UiStrings$f.Search);
 };
 const sourceControl = () => {
-  return i18nString(UiStrings$g.SourceControl);
+  return i18nString(UiStrings$f.SourceControl);
 };
 const runAndDebug = () => {
-  return i18nString(UiStrings$g.RunAndDebug);
+  return i18nString(UiStrings$f.RunAndDebug);
 };
 const extensions = () => {
-  return i18nString(UiStrings$g.Extensions);
+  return i18nString(UiStrings$f.Extensions);
 };
 const settings = () => {
-  return i18nString(UiStrings$g.Settings);
+  return i18nString(UiStrings$f.Settings);
 };
 const additionalViews = () => {
-  return i18nString(UiStrings$g.AdditionalViews);
+  return i18nString(UiStrings$f.AdditionalViews);
 };
 const activityBar = () => {
-  return i18nString(UiStrings$g.ActivityBar);
+  return i18nString(UiStrings$f.ActivityBar);
 };
 const moveSideBarRight$1 = () => {
-  return i18nString(UiStrings$g.MoveSideBarRight);
+  return i18nString(UiStrings$f.MoveSideBarRight);
 };
 const moveSideBarLeft$1 = () => {
-  return i18nString(UiStrings$g.MoveSideBarLeft);
+  return i18nString(UiStrings$f.MoveSideBarLeft);
 };
 const hideActivityBar$1 = () => {
-  return i18nString(UiStrings$g.HideActivityBar);
+  return i18nString(UiStrings$f.HideActivityBar);
 };
 
 const getActivityBarItems = () => {
@@ -14433,9 +14430,9 @@ const getActivityBarItems = () => {
     flags: Tab | Enabled,
     keyShortcuts: 'Control+Shift+D'
   }, {
-    id: Extensions$2,
+    id: Extensions$1,
     title: extensions(),
-    icon: Extensions$1,
+    icon: Extensions,
     flags: Tab | Enabled,
     keyShortcuts: 'Control+Shift+X'
   },
@@ -14602,7 +14599,7 @@ const toggleActivityBarItem = async (state, item) => {
     items: state.activityBarItems.filter(isEnabled)
   };
 };
-const handleBlur$5 = state => {
+const handleBlur$4 = state => {
   return {
     ...state,
     focused: false
@@ -14621,7 +14618,7 @@ const focus$6 = state => {
 
 // prettier-ignore
 const Commands$D = {
-  handleBlur: handleBlur$5,
+  handleBlur: handleBlur$4,
   handleSideBarHidden: handleSideBarHidden,
   handleSideBarViewletChange: handleSideBarViewletChange,
   toggleItem: toggleItem,
@@ -14629,7 +14626,7 @@ const Commands$D = {
 };
 
 // prettier-ignore
-const LazyCommands$9 = {
+const LazyCommands$8 = {
   focus: () => Promise.resolve().then(function () { return ViewletActivityBarFocus; }),
   focusFirst: () => Promise.resolve().then(function () { return ViewletActivityBarFocusFirst; }),
   focusIndex: () => Promise.resolve().then(function () { return ViewletActivityBarFocusIndex; }),
@@ -14679,14 +14676,6 @@ const getKeyBindings$h = () => {
     key: Enter$2,
     command: 'ActivityBar.selectCurrent',
     when: FocusActivityBar
-  }, {
-    key: Home$1,
-    command: 'ActivityBar.focusFirst',
-    when: FocusActivityBar
-  }, {
-    key: End$1,
-    command: 'ActivityBar.focusLast',
-    when: FocusActivityBar
   }];
 };
 
@@ -14998,7 +14987,7 @@ const getVisibleActivityBarItems = state => {
 };
 
 const hasFunctionalRender$D = true;
-const hasFunctionalRootRender$m = true;
+const hasFunctionalRootRender$n = true;
 const renderItems$5 = {
   isEqual(oldState, newState) {
     return oldState.filteredItems === newState.filteredItems && oldState.height === newState.height && oldState.selectedIndex === newState.selectedIndex && oldState.focusedIndex === newState.focusedIndex;
@@ -15052,19 +15041,19 @@ const ViewletActivityBar_ipc = {
   Commands: Commands$D,
   Css: Css$F,
   Events: Events$6,
-  LazyCommands: LazyCommands$9,
+  LazyCommands: LazyCommands$8,
   Variables: Variables$8,
   create: create$P,
   focus: focus$6,
   getDisplayName: getDisplayName$2,
   getKeyBindings: getKeyBindings$h,
   getQuickPickMenuEntries: getQuickPickMenuEntries$4,
-  handleBlur: handleBlur$5,
+  handleBlur: handleBlur$4,
   handleSideBarHidden,
   handleSideBarViewletChange,
   hasFunctionalRender: hasFunctionalRender$D,
   hasFunctionalResize: hasFunctionalResize$i,
-  hasFunctionalRootRender: hasFunctionalRootRender$m,
+  hasFunctionalRootRender: hasFunctionalRootRender$n,
   loadContent: loadContent$K,
   menus: menus$b,
   name: name$L,
@@ -15079,11 +15068,11 @@ const ViewletActivityBar_ipc = {
 /**
  * @enum {string}
  */
-const UiStrings$f = {
+const UiStrings$e = {
   FailedToLoadAudio: 'Failed to load audio: {PH1}'
 };
 const getImprovedErrorMessage = message => {
-  return i18nString(UiStrings$f.FailedToLoadAudio, {
+  return i18nString(UiStrings$e.FailedToLoadAudio, {
     PH1: message
   });
 };
@@ -15162,7 +15151,7 @@ const getAudioVirtualDom = (src, errorMessage) => {
 };
 
 const hasFunctionalRender$C = true;
-const hasFunctionalRootRender$l = true;
+const hasFunctionalRootRender$m = true;
 const renderAudio = {
   isEqual(oldState, newState) {
     return oldState.src === newState.src && oldState.audioErrorMessage === newState.audioErrorMessage;
@@ -15184,7 +15173,7 @@ const ViewletAudio_ipc = {
   dispose: dispose$s,
   handleAudioError,
   hasFunctionalRender: hasFunctionalRender$C,
-  hasFunctionalRootRender: hasFunctionalRootRender$l,
+  hasFunctionalRootRender: hasFunctionalRootRender$m,
   loadContent: loadContent$J,
   name: name$K,
   render: render$F
@@ -15312,24 +15301,16 @@ const handleFocusIn = state => {
   return state;
 };
 
-const Commands$A = {
-  handleClickClose: handleClickClose$2,
-  handleClickOk: handleClickOk,
-  handleFocusIn: handleFocusIn
-};
+const Commands$A = {};
 
 const Css$C = ["/css/parts/ViewletAbout.css", "/css/parts/ViewletDialog.css"];
 
 const getKeyBindings$g = () => {
-  return [{
-    key: Escape$2,
-    command: 'About.handleClickClose',
-    when: FocusAbout
-  }];
+  return [];
 };
 
 const hasFunctionalRender$A = true;
-const hasFunctionalRootRender$k = true;
+const hasFunctionalRootRender$l = true;
 const renderDialog$1 = {
   isEqual(oldState, newState) {
     return oldState.productName === newState.productName && oldState.lines === newState.lines;
@@ -15362,7 +15343,7 @@ const ViewletConfirm_ipc = {
   handleClickOk,
   handleFocusIn,
   hasFunctionalRender: hasFunctionalRender$A,
-  hasFunctionalRootRender: hasFunctionalRootRender$k,
+  hasFunctionalRootRender: hasFunctionalRootRender$l,
   loadContent: loadContent$G,
   name: name$I,
   render: render$D,
@@ -15407,13 +15388,13 @@ const loadContent$F = async state => {
     text: ''
   };
 };
-const handleInput$3 = (state, value) => {
+const handleInput$2 = (state, value) => {
   return {
     ...state,
     inputValue: value
   };
 };
-const handleFocus$4 = state => {
+const handleFocus$3 = state => {
   setFocus(FocusDebugConsoleInput);
   return state;
 };
@@ -15435,8 +15416,8 @@ const clear$2 = state => {
 };
 
 const Commands$z = {
-  handleInput: handleInput$3,
-  handleFocus: handleFocus$4,
+  handleInput: handleInput$2,
+  handleFocus: handleFocus$3,
   evaluate: evaluate,
   clear: clear$2
 };
@@ -15665,8 +15646,8 @@ const ViewletDebugConsole_ipc = {
   evaluate,
   getKeyBindings: getKeyBindings$f,
   getQuickPickMenuEntries: getQuickPickMenuEntries$3,
-  handleFocus: handleFocus$4,
-  handleInput: handleInput$3,
+  handleFocus: handleFocus$3,
+  handleInput: handleInput$2,
   hasFunctionalRender: hasFunctionalRender$z,
   loadContent: loadContent$F,
   name: name$H,
@@ -15683,7 +15664,7 @@ const Escape = 'Escape';
 /**
  * @enum {string}
  */
-const UiStrings$e = {
+const UiStrings$d = {
   PressDesiredKeyCombinationThenPressEnter: 'Press Desired Key Combination, Then Press Enter',
   Copy: 'Copy',
   CopyCommandId: 'Copy Command ID',
@@ -15696,34 +15677,34 @@ const UiStrings$e = {
   ShowSameKeyBindings: 'Show Same Keybindings'
 };
 const pressDesiredKeyCombinationThenPressEnter = () => {
-  return i18nString(UiStrings$e.PressDesiredKeyCombinationThenPressEnter);
+  return i18nString(UiStrings$d.PressDesiredKeyCombinationThenPressEnter);
 };
 const copy$2 = () => {
-  return i18nString(UiStrings$e.Copy);
+  return i18nString(UiStrings$d.Copy);
 };
 const copyCommandId = () => {
-  return i18nString(UiStrings$e.CopyCommandId);
+  return i18nString(UiStrings$d.CopyCommandId);
 };
 const copyCommandTitle = () => {
-  return i18nString(UiStrings$e.CopyCommandTitle);
+  return i18nString(UiStrings$d.CopyCommandTitle);
 };
 const changeKeyBinding = () => {
-  return i18nString(UiStrings$e.ChangeKeyBinding);
+  return i18nString(UiStrings$d.ChangeKeyBinding);
 };
 const addKeyBinding = () => {
-  return i18nString(UiStrings$e.AddKeyBinding);
+  return i18nString(UiStrings$d.AddKeyBinding);
 };
 const removeKeyBinding = () => {
-  return i18nString(UiStrings$e.RemoveKeyBinding);
+  return i18nString(UiStrings$d.RemoveKeyBinding);
 };
 const resetKeyBinding = () => {
-  return i18nString(UiStrings$e.ResetKeyBinding);
+  return i18nString(UiStrings$d.ResetKeyBinding);
 };
 const changeWhenExpression = () => {
-  return i18nString(UiStrings$e.ChangeWhenExpression);
+  return i18nString(UiStrings$d.ChangeWhenExpression);
 };
 const showSameKeyBindings = () => {
-  return i18nString(UiStrings$e.ShowSameKeyBindings);
+  return i18nString(UiStrings$d.ShowSameKeyBindings);
 };
 
 const create$J = (id, uri, x, y, width, height) => {
@@ -15749,7 +15730,7 @@ const dispose$q = (state, value) => {
   disposeWidgetWithValue(uid, value);
   return state;
 };
-const handleBlur$4 = state => {
+const handleBlur$3 = state => {
   return dispose$q(state, '');
 };
 const handleKeyDown$1 = (state, key, altKey, ctrlKey, shiftKey, metaKey) => {
@@ -15772,7 +15753,7 @@ const handleKeyDown$1 = (state, key, altKey, ctrlKey, shiftKey, metaKey) => {
 
 const Commands$y = {
   handleKeyDown: handleKeyDown$1,
-  handleBlur: handleBlur$4
+  handleBlur: handleBlur$3
 };
 
 const Css$A = ["/css/parts/ViewletDefineKeyBinding.css"];
@@ -15800,7 +15781,7 @@ const getDefineKeyBindingsVirtualDom = message => {
 };
 
 const hasFunctionalRender$y = true;
-const hasFunctionalRootRender$j = true;
+const hasFunctionalRootRender$k = true;
 const renderValue$2 = {
   isEqual(oldState, newState) {
     return oldState.value === newState.value;
@@ -15833,10 +15814,10 @@ const ViewletDefineKeyBinding_ipc = {
   Commands: Commands$y,
   Css: Css$A,
   create: create$J,
-  handleBlur: handleBlur$4,
+  handleBlur: handleBlur$3,
   handleKeyDown: handleKeyDown$1,
   hasFunctionalRender: hasFunctionalRender$y,
-  hasFunctionalRootRender: hasFunctionalRootRender$j,
+  hasFunctionalRootRender: hasFunctionalRootRender$k,
   loadContent: loadContent$E,
   render: render$B
 };
@@ -15880,7 +15861,7 @@ const loadContent$D = (state, savedState, ...args) => {
   };
 };
 const dispose$p = async state => {};
-const handleClick$5 = async (state, index) => {
+const handleClick$4 = async (state, index) => {
   const {
     options
   } = state;
@@ -15899,7 +15880,7 @@ const handleClick$5 = async (state, index) => {
 
 const Commands$x = {
   close: dispose$p,
-  handleClick: handleClick$5
+  handleClick: handleClick$4
 };
 
 const Css$z = ["/css/parts/ViewletDialog.css", "/css/parts/LegacyDialog.css"];
@@ -15955,7 +15936,7 @@ const ViewletDialog_ipc = {
   Css: Css$z,
   create: create$I,
   dispose: dispose$p,
-  handleClick: handleClick$5,
+  handleClick: handleClick$4,
   hasFunctionalRender: hasFunctionalRender$x,
   loadContent: loadContent$D,
   name: name$G,
@@ -15988,7 +15969,7 @@ const launchIframeInspectorWorker = async () => {
 
 const {
   invoke: invoke$9,
-  restart: restart$6
+  restart: restart$7
 } = getOrCreateWorker(launchIframeInspectorWorker);
 
 const create$H = (id, uri, x, y, width, height) => {
@@ -16011,7 +15992,7 @@ const loadContent$C = async state => {
     commands
   };
 };
-const hotReload$5 = async state => {
+const hotReload$6 = async state => {
   if (state.isHotReloading) {
     return state;
   }
@@ -16020,7 +16001,7 @@ const hotReload$5 = async state => {
   // possible TODO race condition during hot reload
   // there could still be pending promises when the worker is disposed
   const savedState = await invoke$9('IframeInspector.saveState', state.uid);
-  await restart$6('IframeInspector.terminate');
+  await restart$7('IframeInspector.terminate');
   const oldState = {
     ...state,
     items: []
@@ -16051,12 +16032,12 @@ const wrapIframeInspectorCommand = key => {
 };
 
 const Commands$w = {};
-const getCommands$5 = async () => {
+const getCommands$6 = async () => {
   const commands = await invoke$9('IframeInspector.getCommandIds');
   for (const command of commands) {
     Commands$w[command] = wrapIframeInspectorCommand(command);
   }
-  Commands$w['hotReload'] = hotReload$5;
+  Commands$w['hotReload'] = hotReload$6;
   return Commands$w;
 };
 
@@ -16069,8 +16050,8 @@ const getKeyBindings$e = () => {
 const name$F = 'IframeInspector';
 
 const hasFunctionalRender$w = true;
-const hasFunctionalRootRender$i = true;
-const hasFunctionalEvents$6 = true;
+const hasFunctionalRootRender$j = true;
+const hasFunctionalEvents$7 = true;
 const renderContent = {
   isEqual(oldState, newState) {
     return false;
@@ -16089,12 +16070,12 @@ const ViewletIframeInspector_ipc = {
   Commands: Commands$w,
   Css: Css$y,
   create: create$H,
-  getCommands: getCommands$5,
+  getCommands: getCommands$6,
   getKeyBindings: getKeyBindings$e,
-  hasFunctionalEvents: hasFunctionalEvents$6,
+  hasFunctionalEvents: hasFunctionalEvents$7,
   hasFunctionalRender: hasFunctionalRender$w,
-  hasFunctionalRootRender: hasFunctionalRootRender$i,
-  hotReload: hotReload$5,
+  hasFunctionalRootRender: hasFunctionalRootRender$j,
+  hotReload: hotReload$6,
   loadContent: loadContent$C,
   name: name$F,
   render: render$z,
@@ -16429,7 +16410,7 @@ const loadContent$B = async (state, savedState) => {
 const Commands$v = {};
 
 // prettier-ignore
-const LazyCommands$8 = {
+const LazyCommands$7 = {
   setDeltaY: () => Promise.resolve().then(function () { return VirtualListSetDeltaY; }),
   handleWheel: () => Promise.resolve().then(function () { return VirtualListHandleWheel; })
 };
@@ -16831,7 +16812,7 @@ const SetTitle = 'setTitle';
 const SetInputValue = 'setInputValue';
 
 const hasFunctionalRender$v = true;
-const hasFunctionalRootRender$h = true;
+const hasFunctionalRootRender$i = true;
 const renderChanges$1 = {
   isEqual(oldState, newState) {
     return oldState.changes === newState.changes && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY;
@@ -16865,11 +16846,11 @@ const ViewletDiffEditor_ipc = {
   __proto__: null,
   Commands: Commands$v,
   Css: Css$w,
-  LazyCommands: LazyCommands$8,
+  LazyCommands: LazyCommands$7,
   create: create$F,
   getDynamicCss,
   hasFunctionalRender: hasFunctionalRender$v,
-  hasFunctionalRootRender: hasFunctionalRootRender$h,
+  hasFunctionalRootRender: hasFunctionalRootRender$i,
   loadContent: loadContent$B,
   name: name$E,
   render: render$y,
@@ -17040,7 +17021,7 @@ const getE2eTestVirtualDom = content => {
 };
 
 const hasFunctionalRender$u = true;
-const hasFunctionalRootRender$g = true;
+const hasFunctionalRootRender$h = true;
 const renderElements = {
   isEqual(oldState, newState) {
     return oldState.name === newState.name && oldState.content === newState.content;
@@ -17097,7 +17078,7 @@ const ViewletE2eTest_ipc = {
   handleSashCornerPointerUp,
   hasFunctionalRender: hasFunctionalRender$u,
   hasFunctionalResize: hasFunctionalResize$h,
-  hasFunctionalRootRender: hasFunctionalRootRender$g,
+  hasFunctionalRootRender: hasFunctionalRootRender$h,
   loadContent: loadContent$A,
   menus: menus$a,
   name: name$D,
@@ -17190,7 +17171,7 @@ const runAll = state => {
   console.log('run all');
   return state;
 };
-const handleContextMenu$7 = async (state, button, x, y) => {
+const handleContextMenu$6 = async (state, button, x, y) => {
   const index = getIndex$1(state.y, y);
   // @ts-ignore
   state.index = index;
@@ -17216,7 +17197,7 @@ const Commands$t = {
   handleClickAt: handleClickAt$2,
   handleLoad: handleLoad,
   runAll: runAll,
-  handleContextMenu: handleContextMenu$7,
+  handleContextMenu: handleContextMenu$6,
   openInNewTab: openInNewTab
 };
 
@@ -17292,7 +17273,7 @@ const getVisibleE2eTests = (tests, index) => {
 };
 
 const hasFunctionalRender$t = true;
-const hasFunctionalRootRender$f = true;
+const hasFunctionalRootRender$g = true;
 const renderTests = {
   isEqual(oldState, newState) {
     return oldState.tests === newState.tests && oldState.index === newState.index;
@@ -17349,10 +17330,10 @@ const ViewletE2eTests_ipc = {
   executeTest,
   getKeyBindings: getKeyBindings$c,
   handleClickAt: handleClickAt$2,
-  handleContextMenu: handleContextMenu$7,
+  handleContextMenu: handleContextMenu$6,
   handleLoad,
   hasFunctionalRender: hasFunctionalRender$t,
-  hasFunctionalRootRender: hasFunctionalRootRender$f,
+  hasFunctionalRootRender: hasFunctionalRootRender$g,
   loadContent: loadContent$z,
   menus: menus$9,
   name: name$C,
@@ -18085,7 +18066,7 @@ const launchExplorerWorker = async () => {
 
 const {
   invoke: invoke$6,
-  restart: restart$5
+  restart: restart$6
 } = getOrCreateWorker(launchExplorerWorker);
 
 // TODO viewlet should only have create and refresh functions
@@ -18158,7 +18139,7 @@ const resize$k = (state, dimensions) => {
     maxLineY
   };
 };
-const hotReload$4 = async state => {
+const hotReload$5 = async state => {
   if (state.isHotReloading) {
     return state;
   }
@@ -18167,7 +18148,7 @@ const hotReload$4 = async state => {
   // possible TODO race condition during hot reload
   // there could still be pending promises when the worker is disposed
   const savedState = await invoke$6('Explorer.saveState', state.uid);
-  await restart$5('Explorer.terminate');
+  await restart$6('Explorer.terminate');
   const oldState = {
     ...state,
     items: []
@@ -18197,8 +18178,8 @@ const wrapExplorerCommand = key => {
 };
 
 const Commands$q = {};
-Commands$q['hotReload'] = hotReload$4;
-const getCommands$4 = async () => {
+Commands$q['hotReload'] = hotReload$5;
+const getCommands$5 = async () => {
   const commands = await invoke$6('Explorer.getCommandIds');
   for (const command of commands) {
     Commands$q[command] = wrapExplorerCommand(command);
@@ -18229,7 +18210,7 @@ const menus$8 = [MenuEntriesExplorer];
 /**
  * @enum {string}
  */
-const UiStrings$d = {
+const UiStrings$c = {
   NewFile: 'New File...',
   NewFolder: 'New Folder...',
   RefreshExplorer: 'Refresh Explorer',
@@ -18238,22 +18219,22 @@ const UiStrings$d = {
   NoFolderOpen: 'No Folder Open'
 };
 const newFile = () => {
-  return i18nString(UiStrings$d.NewFile);
+  return i18nString(UiStrings$c.NewFile);
 };
 const newFolder = () => {
-  return i18nString(UiStrings$d.NewFolder);
+  return i18nString(UiStrings$c.NewFolder);
 };
-const refresh$3 = () => {
-  return i18nString(UiStrings$d.RefreshExplorer);
+const refresh$2 = () => {
+  return i18nString(UiStrings$c.RefreshExplorer);
 };
 const collapseAll$3 = () => {
-  return i18nString(UiStrings$d.CollapseAllFoldersInExplorer);
+  return i18nString(UiStrings$c.CollapseAllFoldersInExplorer);
 };
 const explorer = () => {
-  return i18nString(UiStrings$d.Explorer);
+  return i18nString(UiStrings$c.Explorer);
 };
 const noFolderOpen = () => {
-  return i18nString(UiStrings$d.NoFolderOpen);
+  return i18nString(UiStrings$c.NoFolderOpen);
 };
 
 const name$z = 'Explorer';
@@ -18262,8 +18243,8 @@ const getDisplayName$1 = () => {
 };
 
 const hasFunctionalRender$r = true;
-const hasFunctionalRootRender$e = true;
-const hasFunctionalEvents$5 = true;
+const hasFunctionalRootRender$f = true;
+const hasFunctionalEvents$6 = true;
 const renderItems$4 = {
   isEqual(oldState, newState) {
     return JSON.stringify(oldState.commands) === JSON.stringify(newState.commands);
@@ -18293,7 +18274,7 @@ const getActions$6 = root => {
     command: 'newFolder'
   }, {
     type: Button,
-    id: refresh$3(),
+    id: refresh$2(),
     icon: Refresh,
     command: 'refresh'
   }, {
@@ -18350,14 +18331,14 @@ const ViewletExplorer_ipc = {
   Events: Events$4,
   create: create$w,
   dispose: dispose$m,
-  getCommands: getCommands$4,
+  getCommands: getCommands$5,
   getDisplayName: getDisplayName$1,
   getKeyBindings: getKeyBindings$a,
-  hasFunctionalEvents: hasFunctionalEvents$5,
+  hasFunctionalEvents: hasFunctionalEvents$6,
   hasFunctionalRender: hasFunctionalRender$r,
   hasFunctionalResize: hasFunctionalResize$f,
-  hasFunctionalRootRender: hasFunctionalRootRender$e,
-  hotReload: hotReload$4,
+  hasFunctionalRootRender: hasFunctionalRootRender$f,
+  hotReload: hotReload$5,
   loadContent: loadContent$w,
   menus: menus$8,
   name: name$z,
@@ -18396,7 +18377,7 @@ const launchExtensionDetailViewWorker = async () => {
 
 const {
   invoke: invoke$5,
-  restart: restart$4
+  restart: restart$5
 } = getOrCreateWorker(launchExtensionDetailViewWorker);
 
 const None$9 = 0;
@@ -18446,7 +18427,7 @@ const loadContent$v = async (state, savedState) => {
     dom
   };
 };
-const hotReload$3 = async state => {
+const hotReload$4 = async state => {
   if (state.isHotReloading) {
     return state;
   }
@@ -18454,7 +18435,7 @@ const hotReload$3 = async state => {
   state.isHotReloading = true;
   // possible TODO race condition during hot reload
   // there could still be pending promises when the worker is disposed
-  await restart$4('ExtensionDetail.terminate');
+  await restart$5('ExtensionDetail.terminate');
   await invoke$5('ExtensionDetail.create', state.uid, state.uri, state.x, state.y, state.width, state.height, 0, assetDir);
   await invoke$5('ExtensionDetail.loadContent', state.uid, {});
   const dom = await invoke$5('ExtensionDetail.getVirtualDom2', state.uid);
@@ -18501,7 +18482,7 @@ const Commands$p = {
   handleIconError: wrapExtensionDetailCommand('handleIconError'),
   handleReadmeContextMenu: wrapExtensionDetailCommand('handleReadmeContextMenu'),
   handleTabsClick: wrapExtensionDetailCommand('handleTabsClick'),
-  hotReload: hotReload$3,
+  hotReload: hotReload$4,
   selectTab: wrapExtensionDetailCommand('selectTab')
 };
 
@@ -18524,8 +18505,8 @@ const menus$7 = [MenuEntriesExtensionDetailReadme];
 const name$y = 'ExtensionDetail';
 
 const hasFunctionalRender$q = true;
-const hasFunctionalRootRender$d = true;
-const hasFunctionalEvents$4 = true;
+const hasFunctionalRootRender$e = true;
+const hasFunctionalEvents$5 = true;
 const renderDom$1 = {
   isEqual(oldState, newState) {
     return oldState.dom === newState.dom;
@@ -18554,11 +18535,11 @@ const ViewletExtensionDetail_ipc = {
   Commands: Commands$p,
   Css: Css$r,
   create: create$v,
-  hasFunctionalEvents: hasFunctionalEvents$4,
+  hasFunctionalEvents: hasFunctionalEvents$5,
   hasFunctionalRender: hasFunctionalRender$q,
   hasFunctionalResize: hasFunctionalResize$e,
-  hasFunctionalRootRender: hasFunctionalRootRender$d,
-  hotReload: hotReload$3,
+  hasFunctionalRootRender: hasFunctionalRootRender$e,
+  hotReload: hotReload$4,
   loadContent: loadContent$v,
   menus: menus$7,
   name: name$y,
@@ -18568,8 +18549,6 @@ const ViewletExtensionDetail_ipc = {
   saveState: saveState$c
 };
 
-const ExtensionListItemHeight = 72;
-
 const extensionSearchViewWorkerUrl = `${assetDir}/packages/extension-search-view-worker/dist/extensionSearchViewWorkerMain.js`;
 
 const getConfiguredWorkerUrl$3 = () => {
@@ -18595,334 +18574,88 @@ const launchExtensionSearchViewWorker = async () => {
 };
 
 const {
-  invoke: invoke$4} = getOrCreateWorker(launchExtensionSearchViewWorker);
-
-const getFinalDeltaY = (height, itemHeight, itemsLength) => {
-  const contentHeight = itemsLength * itemHeight;
-  const finalDeltaY = Math.max(contentHeight - height, 0);
-  return finalDeltaY;
-};
-
-const searchExtensions = async (extensions, value) => {
-  const filteredExtensions = await invoke$4('SearchExtensions.searchExtensions', extensions, value);
-  return filteredExtensions;
-};
-
-const getListHeight$1 = state => {
-  const {
-    height,
-    headerHeight
-  } = state;
-  return height - headerHeight;
-};
-
-/**
- * @enum {string}
- */
-const UiStrings$c = {
-  NoExtensionsFound: 'No extensions found.',
-  Refresh: 'Refresh',
-  Enable: 'Enable',
-  Disable: 'Disable',
-  Uninstall: 'Uninstall',
-  InstallAnotherVersion: 'Install Another Version',
-  SearchExtensionsInMarketplace: 'Search Extensions in Marketplace',
-  ViewsAndMoreActions: 'Views and more Actions...'};
-const noExtensionsFound = () => {
-  return i18nString(UiStrings$c.NoExtensionsFound);
-};
-const refresh$2 = () => {
-  return i18nString(UiStrings$c.Refresh);
-};
-const enable = () => {
-  return i18nString(UiStrings$c.Enable);
-};
-const disable = () => {
-  return i18nString(UiStrings$c.Disable);
-};
-const uninstall = () => {
-  return i18nString(UiStrings$c.Uninstall);
-};
-const installAnotherVersion = () => {
-  return i18nString(UiStrings$c.InstallAnotherVersion);
-};
-const searchExtensionsInMarketPlace = () => {
-  return i18nString(UiStrings$c.SearchExtensionsInMarketplace);
-};
-const viewsAndMoreActions = () => {
-  return i18nString(UiStrings$c.ViewsAndMoreActions);
-};
-
-// TODO debounce
-const handleInput$2 = async (state, value) => {
-  try {
-    const {
-      allExtensions,
-      itemHeight,
-      minimumSliderSize,
-      height
-    } = state;
-    // TODO cancel ongoing requests
-    // TODO handle errors
-    const items = await searchExtensions(allExtensions, value);
-    if (items.length === 0) {
-      return {
-        ...state,
-        items,
-        minLineY: 0,
-        deltaY: 0,
-        allExtensions,
-        maxLineY: 0,
-        scrollBarHeight: 0,
-        finalDeltaY: 0,
-        message: noExtensionsFound(),
-        searchValue: value,
-        placeholder: searchExtensionsInMarketPlace()
-      };
-    }
-    const listHeight = getListHeight$1(state);
-    const total = items.length;
-    const contentHeight = total * itemHeight;
-    const scrollBarHeight = getScrollBarSize(height, contentHeight, minimumSliderSize);
-    const numberOfVisible = getNumberOfVisibleItems(listHeight, itemHeight);
-    const maxLineY = Math.min(numberOfVisible, total);
-    const finalDeltaY = getFinalDeltaY(listHeight, itemHeight, total);
-    return {
-      ...state,
-      items,
-      minLineY: 0,
-      deltaY: 0,
-      allExtensions,
-      maxLineY,
-      scrollBarHeight,
-      finalDeltaY,
-      message: '',
-      searchValue: value,
-      placeholder: searchExtensionsInMarketPlace()
-    };
-
-    // TODO handle out of order responses (a bit complicated)
-    // for now just assume everything comes back in order
-  } catch (error) {
-    await handleError$2(error);
-    return {
-      ...state,
-      searchValue: value,
-      message: `${error}`
-    };
-  }
-};
-
-const ViewletExtensionsHandleInput = {
-  __proto__: null,
-  handleInput: handleInput$2
-};
-
-const SUGGESTIONS = ['@builtin', '@disabled', '@enabled', '@installed', '@outdated', '@sort:installs', '@id:', '@category'];
+  invoke: invoke$4,
+  restart: restart$4
+} = getOrCreateWorker(launchExtensionSearchViewWorker);
 
 // then state can be recycled by Viewlet when there is only a single ViewletExtensions instance
 
-const saveState$b = state => {
-  const {
-    searchValue
-  } = state;
-  return {
-    searchValue
-  };
+const saveState$b = async state => {
+  const savedState = await invoke$4('SearchExtensions.saveState', state.id);
+  return savedState;
 };
 const create$u = (id, uri, x, y, width, height) => {
   return {
+    id,
     uid: id,
     searchValue: '',
-    suggestionState: /* Closed */0,
-    disposed: false,
     width,
     height,
-    handleOffset: 0,
     x,
     y,
-    message: '',
-    focused: false,
-    size: None$9,
-    ...create$G({
-      itemHeight: ExtensionListItemHeight,
-      minimumSliderSize: minimumSliderSize,
-      headerHeight: 41
-    }),
-    allExtensions: [],
-    placeholder: '',
-    platform: platform
+    platform: platform,
+    assetDir: assetDir
   };
 };
-const getSavedValue = savedState => {
-  if (savedState && savedState.searchValue) {
-    return savedState.searchValue;
-  }
-  return '';
-};
 const loadContent$u = async (state, savedState) => {
-  const {
-    width
-  } = state;
-  const searchValue = getSavedValue(savedState);
-  // TODO just get local extensions on demand (not when query string is already different)
-  const allExtensions = await getAllExtensions();
-  const size = getViewletSize(width);
-  const newState = await handleInput$2({
+  await invoke$4('SearchExtensions.create', state.id, state.uri, state.x, state.y, state.width, state.height, state.platform, state.assetDir);
+  await invoke$4('SearchExtensions.loadContent', state.id, savedState);
+  const commands = await invoke$4('SearchExtensions.render2', state.id);
+  return {
     ...state,
-    allExtensions,
-    size
-  }, searchValue);
-  const commands = await invoke$4('SearchExtensions.render', state, newState);
-  newState.commands = commands;
-  return newState;
-  // TODO get installed extensions from extension host
-  // TODO just get local extensions on demand (not when query string is already different)
+    commands
+  };
 };
 const dispose$l = () => {};
 
 // TODO lazyload this
 
-// TODO show error / warning  when installment fails / times out
-const handleInstall = async (state, id) => {
-  await invoke$h(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'installing');
-  try {
-    await install(/* id */id);
-  } catch (error) {
-    // TODO have multi send command
-    await invoke$h(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'uninstalled');
-    // TODO use command.execute
-    handleError$2(error);
-    return;
-  }
-  await invoke$h(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'installed');
-};
-
-// TODO lazyload this
-const handleUninstall = async (state, id) => {
-  await invoke$h(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'uninstalling');
-  try {
-    await uninstall$1(id);
-  } catch (error) {
-    await invoke$h(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'installed');
-    handleError$2(error);
-    return;
-  }
-  await invoke$h(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'uninstalled');
-};
-
-// TODO lazyload this
-const handleEnable = async (state, id) => {
-  try {
-    await enable$1(id);
-  } catch (error) {
-    await invoke$h(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'disabled');
-    handleError$2(error);
-    return;
-  }
-  await invoke$h(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'enabled');
-};
-
-// TODO lazyload this
-const handleDisable = async (state, id) => {
-  try {
-    await disable$1(id);
-  } catch (error) {
-    console.error(error);
-    handleError$2(error);
-    return;
-  }
-  await invoke$h(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'disabled');
-};
-const openSuggest = async state => {
-  const filteredSuggestions = SUGGESTIONS;
-  state.suggestionState = /* Open */1;
-  await invoke$h(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'openSuggest', /* suggestions */filteredSuggestions);
-};
-const closeSuggest = async state => {
-  state.suggestionState = /* Closed */0;
-  await invoke$h(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'closeSuggest');
-};
-const toggleSuggest = async state => {
-  switch (state.suggestionState) {
-    case /* Closed */0:
-      await openSuggest(state);
-      break;
-    case /* Open */1:
-      await closeSuggest(state);
-      break;
+const hotReload$3 = async state => {
+  if (state.isHotReloading) {
+    return state;
   }
-};
-const handleBlur$3 = state => {
-  return {
+  // TODO avoid mutation
+  state.isHotReloading = true;
+  // possible TODO race condition during hot reload
+  // there could still be pending promises when the worker is disposed
+  const savedState = await invoke$4('SearchExtensions.saveState', state.uid);
+  await restart$4('SearchExtensions.terminate');
+  const oldState = {
     ...state,
-    focused: false
+    items: []
+  };
+  await invoke$4('SearchExtensions.create', state.id, state.uri, state.x, state.y, state.width, state.height, state.platform, state.assetDir);
+  await invoke$4('SearchExtensions.loadContent', state.id, savedState);
+  const commands = await invoke$4('SearchExtensions.render2', oldState.id);
+  return {
+    ...oldState,
+    commands,
+    isHotReloading: false
   };
 };
 
-const LazyCommands$7 = {
-  focusFirst: () => Promise.resolve().then(function () { return VirtualListFocusFirst; }),
-  focusIndex: () => Promise.resolve().then(function () { return VirtualListFocusIndex; }),
-  focusLast: () => Promise.resolve().then(function () { return VirtualListFocusLast; }),
-  focusNext: () => Promise.resolve().then(function () { return VirtualListFocusNext; }),
-  focusNextPage: () => Promise.resolve().then(function () { return VirtualListFocusNextPage; }),
-  focusPrevious: () => Promise.resolve().then(function () { return VirtualListFocusPrevious; }),
-  focusPreviousPage: () => Promise.resolve().then(function () { return VirtualListFocusPreviousPage; }),
-  handleTouchEnd: () => Promise.resolve().then(function () { return VirtualListHandleTouchEnd; }),
-  handleTouchMove: () => Promise.resolve().then(function () { return VirtualListHandleTouchMove; }),
-  handleTouchStart: () => Promise.resolve().then(function () { return VirtualListHandleTouchStart; }),
-  handleWheel: () => Promise.resolve().then(function () { return VirtualListHandleWheel; }),
-  handleScrollBarMove: () => Promise.resolve().then(function () { return VirtualListHandleScrollBarMove; }),
-  handleScrollBarThumbPointerMove: () => Promise.resolve().then(function () { return VirtualListHandleScrollBarMove; }),
-  handleScrollBarClick: () => Promise.resolve().then(function () { return VirtualListHandleScrollBarClick; }),
-  handleScrollBarCaptureLost: () => Promise.resolve().then(function () { return VirtualListHandleScrollBarCaptureLost; }),
-  handleClickAt: () => Promise.resolve().then(function () { return VirtualListHandleClickAt; }),
-  scrollDown: () => Promise.resolve().then(function () { return VirtualListScrollDown; })
-};
-
-const wrapExtensionSearchCommand = fn => {
+const wrapExtensionSearchCommand = key => {
   const wrapped = async (state, ...args) => {
-    const newState = await fn(state, ...args);
-    const commands = await invoke$4('SearchExtensions.render', state, newState);
-    newState.commands = commands;
-    return newState;
+    await invoke$4(`SearchExtensions.${key}`, state.uid, ...args);
+    const commands = await invoke$4('SearchExtensions.render2', state.uid);
+    return {
+      ...state,
+      commands
+    };
   };
   return wrapped;
 };
 
-// prettier-ignore
-const Commands$o = {
-  closeSuggest: closeSuggest,
-  handleInstall: handleInstall,
-  handleUninstall: handleUninstall,
-  openSuggest: openSuggest,
-  toggleSuggest: toggleSuggest
+const Commands$o = {};
+const getCommands$4 = async () => {
+  const commands = await invoke$4('SearchExtensions.getCommandIds');
+  for (const command of commands) {
+    Commands$o[command] = wrapExtensionSearchCommand(command);
+  }
+  Commands$o['hotReload'] = hotReload$3;
+  return Commands$o;
 };
 
-// prettier-ignore
-const LazyCommands$6 = {
-  handleClick: () => Promise.resolve().then(function () { return ViewletExtensionsHandleClick; }),
-  handleClickCurrent: () => Promise.resolve().then(function () { return ViewletExtensionsHandleClickCurrent; }),
-  handleClickCurrentButKeepFocus: () => Promise.resolve().then(function () { return ViewletExtensionsHandleClickCurrentButKeepFocus; }),
-  handleContextMenu: () => Promise.resolve().then(function () { return ViewletExtensionsHandleContextMenu; }),
-  clearSearchResults: () => Promise.resolve().then(function () { return ViewletExtensionsClearSearchResults; }),
-  handleInput: () => Promise.resolve().then(function () { return ViewletExtensionsHandleInput; }),
-  handleFocus: () => Promise.resolve().then(function () { return ViewletExtensionsHandleFocus; }),
-  ...LazyCommands$7
-};
-for (const [key, value] of Object.entries(Commands$o)) {
-  Commands$o[key] = wrapExtensionSearchCommand(value);
-}
-for (const [key, value] of Object.entries(LazyCommands$6)) {
-  LazyCommands$6[key] = async () => {
-    const module = await value();
-    const fn = module[key];
-    return {
-      [key]: wrapExtensionSearchCommand(fn)
-    };
-  };
-}
-
 const Css$q = ["/css/parts/ViewletExtensions.css"];
 
 const getKeyBindings$9 = () => {
@@ -18930,27 +18663,32 @@ const getKeyBindings$9 = () => {
 };
 
 const getMenuEntries$b = () => {
-  return [{
-    id: 'enable',
-    label: enable(),
-    flags: None$g,
-    command: -1
-  }, {
-    id: 'disable',
-    label: disable(),
-    flags: None$g,
-    command: -1
-  }, {
-    id: 'uninstall',
-    label: uninstall(),
-    flags: None$g,
-    command: 'Extensions.uninstall'
-  }, {
-    id: 'installAnotherVersion',
-    label: installAnotherVersion(),
-    flags: None$g,
-    command: -1
-  }];
+  return [
+    // {
+    //   id: 'enable',
+    //   label: ViewletExtensionsStrings.enable(),
+    //   flags: MenuItemFlags.None,
+    //   command: -1,
+    // },
+    // {
+    //   id: 'disable',
+    //   label: ViewletExtensionsStrings.disable(),
+    //   flags: MenuItemFlags.None,
+    //   command: -1,
+    // },
+    // {
+    //   id: 'uninstall',
+    //   label: ViewletExtensionsStrings.uninstall(),
+    //   flags: MenuItemFlags.None,
+    //   command: 'Extensions.uninstall',
+    // },
+    // {
+    //   id: 'installAnotherVersion',
+    //   label: ViewletExtensionsStrings.installAnotherVersion(),
+    //   flags: MenuItemFlags.None,
+    //   command: -1,
+    // },
+  ];
 };
 
 const MenuEntriesManageExtension = {
@@ -18981,11 +18719,11 @@ const render$q = [renderDialog];
 const getActions$5 = () => {
   return [{
     type: Button,
-    id: refresh$2(),
+    id: 'refresh',
     icon: Refresh
   }, {
     type: Button,
-    id: viewsAndMoreActions(),
+    id: 'more actions',
     icon: 'Ellipsis'
   }];
 };
@@ -19015,53 +18753,39 @@ const renderTitle$3 = {
 
 const hasFunctionalResize$d = true;
 const resize$i = (state, dimensions) => {
-  const {
-    itemHeight,
-    minLineY,
-    items
-  } = state;
-  // TODO should just return new state, render function can take old state and new state and return render commands
-  const listHeight = getListHeight$1({
-    ...state,
-    ...dimensions
-  });
-  const maxLineY = Math.min(minLineY + getNumberOfVisibleItems(listHeight, itemHeight), items.length);
-  const size = getViewletSize(dimensions.width);
-  return {
-    ...state,
-    ...dimensions,
-    maxLineY,
-    size
-  };
+  return state;
+  // // TODO should just return new state, render function can take old state and new state and return render commands
+  // const listHeight = getListHeight({ ...state, ...dimensions })
+  // const maxLineY = Math.min(minLineY + GetNumberOfVisibleItems.getNumberOfVisibleItems(listHeight, itemHeight), items.length)
+  // const size = GetViewletSize.getViewletSize(dimensions.width)
+  // return {
+  //   ...state,
+  //   ...dimensions,
+  //   maxLineY,
+  //   size,
+  // }
 };
 
 const ViewletExtensions_ipc = {
   __proto__: null,
   Commands: Commands$o,
   Css: Css$q,
-  LazyCommands: LazyCommands$6,
-  closeSuggest,
   create: create$u,
   dispose: dispose$l,
+  getCommands: getCommands$4,
   getKeyBindings: getKeyBindings$9,
-  handleBlur: handleBlur$3,
-  handleDisable,
-  handleEnable,
-  handleInstall,
-  handleUninstall,
   hasFunctionalRender: hasFunctionalRender$p,
   hasFunctionalResize: hasFunctionalResize$d,
+  hotReload: hotReload$3,
   loadContent: loadContent$u,
   menus: menus$6,
   name: name$x,
-  openSuggest,
   render: render$q,
   renderActions: renderActions$6,
   renderDialog,
   renderTitle: renderTitle$3,
   resize: resize$i,
-  saveState: saveState$b,
-  toggleSuggest
+  saveState: saveState$b
 };
 
 const getActiveEditor = () => {
@@ -19524,7 +19248,7 @@ const getLocationsVirtualDom = (locations$1, message) => {
 };
 
 const hasFunctionalRender$o = true;
-const hasFunctionalRootRender$c = true;
+const hasFunctionalRootRender$d = true;
 const renderLocations = {
   isEqual(oldState, newState) {
     return oldState.displayReferences === newState.displayReferences && oldState.message === newState.message;
@@ -19554,7 +19278,7 @@ const ViewletImplementations_ipc = {
   create: create$s,
   dispose: dispose$j,
   hasFunctionalRender: hasFunctionalRender$o,
-  hasFunctionalRootRender: hasFunctionalRootRender$c,
+  hasFunctionalRootRender: hasFunctionalRootRender$d,
   loadContent: loadContent$s,
   name: name$w,
   render: render$p
@@ -19639,7 +19363,7 @@ const loadContent$r = async (state, savedState) => {
 const Commands$m = {};
 
 // prettier-ignore
-const LazyCommands$5 = {
+const LazyCommands$6 = {
   setDeltaY: () => Promise.resolve().then(function () { return VirtualListSetDeltaY; }),
   handleWheel: () => Promise.resolve().then(function () { return VirtualListHandleWheel; })
 };
@@ -19773,7 +19497,7 @@ const getVisibleInlineDiffEditorLines = (inlineDiffLines, minLineY, maxLineY) =>
 };
 
 const hasFunctionalRender$n = true;
-const hasFunctionalRootRender$b = true;
+const hasFunctionalRootRender$c = true;
 const renderChanges = {
   isEqual(oldState, newState) {
     return oldState.inlineChanges === newState.inlineChanges && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.deltaY === newState.deltaY && oldState.height === newState.height && oldState.finalDeltaY === newState.finalDeltaY && oldState.lineNumbers === newState.lineNumbers;
@@ -19802,11 +19526,11 @@ const ViewletInlineDiffEditor_ipc = {
   __proto__: null,
   Commands: Commands$m,
   Css: Css$p,
-  LazyCommands: LazyCommands$5,
+  LazyCommands: LazyCommands$6,
   create: create$r,
   getDynamicCss,
   hasFunctionalRender: hasFunctionalRender$n,
-  hasFunctionalRootRender: hasFunctionalRootRender$b,
+  hasFunctionalRootRender: hasFunctionalRootRender$c,
   loadContent: loadContent$r,
   name: name$v,
   render: render$o,
@@ -20008,8 +19732,8 @@ const menus$5 = [MenuEntriesKeyBindingsTable];
 const name$u = 'KeyBindings';
 
 const hasFunctionalRender$m = true;
-const hasFunctionalRootRender$a = true;
-const hasFunctionalEvents$3 = true;
+const hasFunctionalRootRender$b = true;
+const hasFunctionalEvents$4 = true;
 const renderKeyBindings = {
   isEqual(oldState, newState) {
     return newState.commands && newState.commands.length === 0;
@@ -20051,10 +19775,10 @@ const ViewletKeyBindings_ipc = {
   create: create$q,
   getCommands: getCommands$3,
   getKeyBindings: getKeyBindings$8,
-  hasFunctionalEvents: hasFunctionalEvents$3,
+  hasFunctionalEvents: hasFunctionalEvents$4,
   hasFunctionalRender: hasFunctionalRender$m,
   hasFunctionalResize: hasFunctionalResize$c,
-  hasFunctionalRootRender: hasFunctionalRootRender$a,
+  hasFunctionalRootRender: hasFunctionalRootRender$b,
   hotReload: hotReload$2,
   loadContent: loadContent$q,
   menus: menus$5,
@@ -20908,7 +20632,7 @@ const handleFocusChange$2 = (state, isFocused) => {
     commands
   };
 };
-const handleFocus$3 = state => {
+const handleFocus$2 = state => {
   return handleFocusChange$2(state, true);
 };
 const showE2eTests = async state => {
@@ -21075,7 +20799,7 @@ const CommandsWithSideEffects$1 = {
   moveSideBarRight: moveSideBarRight,
   toggleSideBarPosition: toggleSideBarPosition,
   handleBlur: handleBlur$2,
-  handleFocus: handleFocus$3,
+  handleFocus: handleFocus$2,
   showE2eTests: showE2eTests
 };
 
@@ -21595,7 +21319,7 @@ const ViewletLayout_ipc = {
   getPoints,
   getQuickPickMenuEntries: getQuickPickMenuEntries$1,
   handleBlur: handleBlur$2,
-  handleFocus: handleFocus$3,
+  handleFocus: handleFocus$2,
   handleResize,
   handleSashDoubleClick,
   handleSashPointerDown,
@@ -23119,7 +22843,7 @@ const CommandsWithSideEffectsLazy = {
   handleDropFilePath: () => Promise.resolve().then(function () { return ViewletMainHandleDropFilePath; }),
   splitRight: () => Promise.resolve().then(function () { return ViewletMainSplitRight; })
 };
-const LazyCommands$4 = {
+const LazyCommands$5 = {
   handleTabsWheel: () => Promise.resolve().then(function () { return ViewletMainHandleTabsWheel; }),
   handleTabClick: () => Promise.resolve().then(function () { return ViewletMainFocusIndex; }),
   handleTabsPointerOver: () => Promise.resolve().then(function () { return ViewletMainHandleTabsPointerOver; }),
@@ -23505,7 +23229,7 @@ const ViewletMain_ipc = {
   CommandsWithSideEffects,
   CommandsWithSideEffectsLazy,
   Css: Css$m,
-  LazyCommands: LazyCommands$4,
+  LazyCommands: LazyCommands$5,
   Variables: Variables$7,
   contentLoaded: contentLoaded$5,
   create: create$o,
@@ -24261,7 +23985,7 @@ const handleEditorChange = async editor => {
   const problems = await getProblems();
   await execute$4('Problems.setProblems', problems);
 };
-const handleContextMenu$6 = async (state, eventX, eventY) => {
+const handleContextMenu$5 = async (state, eventX, eventY) => {
   await show$a(eventX, eventY, Problems$2);
   return state;
 };
@@ -24441,7 +24165,7 @@ const Commands$e = {
   getBadgeCount: getBadgeCount,
   handleClickAt: handleClickAt$1,
   handleBlur: handleBlur$1,
-  handleContextMenu: handleContextMenu$6,
+  handleContextMenu: handleContextMenu$5,
   handleFilterInput: handleFilterInput,
   handleArrowLeft: handleArrowLeft$1,
   handleArrowRight: handleArrowRight$1,
@@ -24933,7 +24657,7 @@ const getVisibleProblems = (problems, collapsedUris, focusedIndex, filterValue)
 };
 
 const hasFunctionalRender$h = true;
-const hasFunctionalRootRender$9 = true;
+const hasFunctionalRootRender$a = true;
 const renderProblems = {
   isEqual(oldState, newState) {
     return oldState.problems === newState.problems && oldState.focusedIndex === newState.focusedIndex && oldState.filterValue === newState.filterValue && oldState.viewMode === newState.viewMode && oldState.collapsedUris === newState.collapsedUris && oldState.width === newState.width;
@@ -25048,12 +24772,12 @@ const ViewletProblems_ipc = {
   handleArrowRight: handleArrowRight$1,
   handleBlur: handleBlur$1,
   handleClickAt: handleClickAt$1,
-  handleContextMenu: handleContextMenu$6,
+  handleContextMenu: handleContextMenu$5,
   handleFilterInput,
   handleIconThemeChange: handleIconThemeChange$1,
   hasFunctionalRender: hasFunctionalRender$h,
   hasFunctionalResize: hasFunctionalResize$b,
-  hasFunctionalRootRender: hasFunctionalRootRender$9,
+  hasFunctionalRootRender: hasFunctionalRootRender$a,
   loadContent: loadContent$j,
   menus: menus$4,
   name: name$o,
@@ -25363,7 +25087,8 @@ const loadContent$i = async state => {
     args
   } = state;
   const listItemHeight = 20;
-  await invoke$e('QuickPick.create2', state.uid, uri, listItemHeight, state.x, state.y, state.width, state.height, platform, args);
+  const renderAllItems = true;
+  await invoke$e('QuickPick.create2', state.uid, uri, listItemHeight, state.x, state.y, state.width, state.height, platform, args, renderAllItems);
   await invoke$e('QuickPick.loadContent', state.uid);
   const commands = await invoke$e('QuickPick.render', state.uid);
   return {
@@ -25407,22 +25132,19 @@ const getKeyBindings$4 = () => {
 };
 
 const hasFunctionalRender$g = true;
+const hasFunctionalRootRender$9 = true;
+const hasFunctionalEvents$3 = true;
 const renderItems$3 = {
   isEqual(oldState, newState) {
-    return newState.commands.length === 0;
-  },
-  apply(oldState, newState) {
-    const commands = newState.commands;
-    // @ts-ignore
-    newState.commands = [];
-    return commands;
+    return false;
   },
+  apply: apply,
   multiple: true
 };
 const render$h = [renderItems$3];
 const renderEventListeners$2 = async () => {
-  // const listeners = await TextSearchWorker.invoke('TextSearch.renderEventListeners')
-  return [];
+  const listeners = await invoke$e('QuickPick.renderEventListeners');
+  return listeners;
 };
 
 const name$l = 'QuickPick';
@@ -25436,11 +25158,14 @@ const ViewletQuickPick_ipc = {
   dispose: dispose$c,
   getCommands: getCommands$2,
   getKeyBindings: getKeyBindings$4,
+  hasFunctionalEvents: hasFunctionalEvents$3,
   hasFunctionalRender: hasFunctionalRender$g,
+  hasFunctionalRootRender: hasFunctionalRootRender$9,
   loadContent: loadContent$i,
   name: name$l,
   render: render$h,
   renderEventListeners: renderEventListeners$2,
+  renderItems: renderItems$3,
   saveState: saveState$4
 };
 
@@ -25613,7 +25338,7 @@ const ViewletReferences_ipc = {
   getActions: getActions$2,
   getDisplayName,
   hasFunctionalRender: hasFunctionalRender$o,
-  hasFunctionalRootRender: hasFunctionalRootRender$c,
+  hasFunctionalRootRender: hasFunctionalRootRender$d,
   loadContent: loadContent$h,
   name: name$k,
   render: render$p
@@ -28073,7 +27798,7 @@ const Commands$8 = {
   handleWillNavigate: handleWillNavigate,
   handleKeyBinding: handleKeyBinding
 };
-const LazyCommands$3 = {
+const LazyCommands$4 = {
   openExternal: () => Promise.resolve().then(function () { return ViewletSimpleBrowserOpenExternal; }),
   openBackgroundTab: () => Promise.resolve().then(function () { return ViewletSimpleBrowserOpenBackgroundTab; }),
   handleContextMenu: () => Promise.resolve().then(function () { return ViewletSimpleBrowserHandleContextMenu; }),
@@ -28325,7 +28050,7 @@ const ViewletSimpleBrowser_ipc = {
   Commands: Commands$8,
   Css: Css$c,
   Events: Events$2,
-  LazyCommands: LazyCommands$3,
+  LazyCommands: LazyCommands$4,
   backgroundLoadContent,
   create: create$c,
   dispose: dispose$4,
@@ -28381,6 +28106,12 @@ const getSourceControlActions = async (providerId, groupId, type) => {
   return value;
 };
 
+const getFinalDeltaY = (height, itemHeight, itemsLength) => {
+  const contentHeight = itemsLength * itemHeight;
+  const finalDeltaY = Math.max(contentHeight - height, 0);
+  return finalDeltaY;
+};
+
 const getListHeight = (itemsLength, itemHeight, maxHeight) => {
   number$1(itemsLength);
   number$1(itemHeight);
@@ -28673,6 +28404,26 @@ const handleMouseOut = (state, index) => {
   return state;
 };
 
+const LazyCommands$3 = {
+  focusFirst: () => Promise.resolve().then(function () { return VirtualListFocusFirst; }),
+  focusIndex: () => Promise.resolve().then(function () { return VirtualListFocusIndex; }),
+  focusLast: () => Promise.resolve().then(function () { return VirtualListFocusLast; }),
+  focusNext: () => Promise.resolve().then(function () { return VirtualListFocusNext; }),
+  focusNextPage: () => Promise.resolve().then(function () { return VirtualListFocusNextPage; }),
+  focusPrevious: () => Promise.resolve().then(function () { return VirtualListFocusPrevious; }),
+  focusPreviousPage: () => Promise.resolve().then(function () { return VirtualListFocusPreviousPage; }),
+  handleTouchEnd: () => Promise.resolve().then(function () { return VirtualListHandleTouchEnd; }),
+  handleTouchMove: () => Promise.resolve().then(function () { return VirtualListHandleTouchMove; }),
+  handleTouchStart: () => Promise.resolve().then(function () { return VirtualListHandleTouchStart; }),
+  handleWheel: () => Promise.resolve().then(function () { return VirtualListHandleWheel; }),
+  handleScrollBarMove: () => Promise.resolve().then(function () { return VirtualListHandleScrollBarMove; }),
+  handleScrollBarThumbPointerMove: () => Promise.resolve().then(function () { return VirtualListHandleScrollBarMove; }),
+  handleScrollBarClick: () => Promise.resolve().then(function () { return VirtualListHandleScrollBarClick; }),
+  handleScrollBarCaptureLost: () => Promise.resolve().then(function () { return VirtualListHandleScrollBarCaptureLost; }),
+  handleClickAt: () => Promise.resolve().then(function () { return VirtualListHandleClickAt; }),
+  scrollDown: () => Promise.resolve().then(function () { return VirtualListScrollDown; })
+};
+
 // prettier-ignore
 const Commands$7 = {
   handleInput: handleInput,
@@ -28685,7 +28436,7 @@ const LazyCommands$2 = {
   handleButtonClick: () => Promise.resolve().then(function () { return ViewletSourceControlHandleButtonClick; }),
   acceptInput: () => Promise.resolve().then(function () { return ViewletSourceControlAcceptInput; }),
   handleFocus: () => Promise.resolve().then(function () { return ViewletSourceControlHandleFocus; }),
-  ...LazyCommands$7
+  ...LazyCommands$3
 };
 
 const Css$b = ["/css/parts/ViewletSourceControl.css"];
@@ -29242,7 +28993,7 @@ const itemRightUpdate = (state, newItem) => {
     statusBarItemsRight: newStatusBarItemsRight
   };
 };
-const handleClick$4 = (state, name) => {
+const handleClick$3 = (state, name) => {
   console.log({
     name
   });
@@ -29253,7 +29004,7 @@ const handleClick$4 = (state, name) => {
 
 const Commands$6 = {
   updateStatusBarItems: updateStatusBarItems,
-  handleClick: handleClick$4
+  handleClick: handleClick$3
 };
 
 const Css$a = [];
@@ -29322,7 +29073,7 @@ const ViewletStatusBar_ipc = {
   Variables: Variables$3,
   contentLoadedEffects,
   create: create$a,
-  handleClick: handleClick$4,
+  handleClick: handleClick$3,
   hasFunctionalRender: hasFunctionalRender$9,
   hasFunctionalResize: hasFunctionalResize$6,
   itemLeftCreate,
@@ -31498,7 +31249,7 @@ const handleClickOther = async (state, x, y, viewletId) => {
   }
   return state;
 };
-const handleClick$3 = async (state, button, index, x, y) => {
+const handleClick$2 = async (state, button, index, x, y) => {
   if (button !== LeftClick) {
     return state;
   }
@@ -31519,7 +31270,7 @@ const handleClick$3 = async (state, button, index, x, y) => {
 
 const ViewletActivityBarHandleClick = {
   __proto__: null,
-  handleClick: handleClick$3
+  handleClick: handleClick$2
 };
 
 const getPosition = (state, index) => {
@@ -31548,7 +31299,7 @@ const selectCurrent = state => {
     return;
   }
   const position = getPosition(state, state.focusedIndex);
-  return handleClick$3(state, LeftClick, state.focusedIndex, position.x, position.y);
+  return handleClick$2(state, LeftClick, state.focusedIndex, position.x, position.y);
 };
 
 const ViewletActivityBarSelectCurrent = {
@@ -31556,24 +31307,24 @@ const ViewletActivityBarSelectCurrent = {
   selectCurrent
 };
 
-const handleFocus$2 = state => {
+const handleFocus$1 = state => {
   setFocus(ActivityBar$2);
   return state;
 };
 
 const ViewletActivityBarHandleFocus = {
   __proto__: null,
-  handleFocus: handleFocus$2
+  handleFocus: handleFocus$1
 };
 
-const handleContextMenu$5 = async (state, button, x, y) => {
+const handleContextMenu$4 = async (state, button, x, y) => {
   await show$a(x, y, ActivityBar$4);
   return state;
 };
 
 const ViewletActivityBarHandleContextMenu = {
   __proto__: null,
-  handleContextMenu: handleContextMenu$5
+  handleContextMenu: handleContextMenu$4
 };
 
 const setDeltaY = (state, value) => {
@@ -31618,448 +31369,6 @@ const VirtualListHandleWheel = {
   handleWheel
 };
 
-const focusIndexScrollUp = (state, index, listHeight, itemHeight, itemsLength) => {
-  const newMinLineY = index;
-  const fittingItems = getNumberOfVisibleItems(listHeight, itemHeight);
-  const newMaxLineY = Math.min(newMinLineY + fittingItems, itemsLength);
-  const newDeltaY = newMinLineY * itemHeight;
-  return {
-    ...state,
-    focusedIndex: index,
-    minLineY: newMinLineY,
-    maxLineY: newMaxLineY,
-    focused: true,
-    deltaY: newDeltaY
-  };
-};
-const focusIndexScrollDown = (state, index, listHeight, itemHeight, itemsLength) => {
-  const newMaxLineY = Math.min(index + 1, itemsLength);
-  const fittingItems = getNumberOfVisibleItems(listHeight, itemHeight);
-  const newMinLineY = Math.max(newMaxLineY - fittingItems, 0);
-  const newDeltaY = itemsLength < fittingItems ? 0 : newMinLineY * itemHeight - listHeight % itemHeight + itemHeight;
-  return {
-    ...state,
-    focusedIndex: index,
-    minLineY: newMinLineY,
-    maxLineY: newMaxLineY,
-    focused: true,
-    deltaY: newDeltaY
-  };
-};
-const focusIndex = (state, index) => {
-  const {
-    itemHeight,
-    minLineY,
-    maxLineY,
-    headerHeight,
-    height,
-    items
-  } = state;
-  const itemsLength = items.length;
-  if (itemsLength === 0) {
-    return state;
-  }
-  number$1(itemHeight);
-  if (index === -1) {
-    return {
-      ...state,
-      focusedIndex: -1,
-      focused: true
-    };
-  }
-  const listHeight = height - headerHeight;
-  if (index < minLineY + 1) {
-    return focusIndexScrollUp(state, index, listHeight, itemHeight, itemsLength);
-  }
-  if (index >= maxLineY - 1) {
-    return focusIndexScrollDown(state, index, listHeight, itemHeight, itemsLength);
-  }
-  return {
-    ...state,
-    focusedIndex: index,
-    focused: true
-  };
-};
-
-const VirtualListFocusIndex = {
-  __proto__: null,
-  focusIndex
-};
-
-const focusFirst = state => {
-  const firstIndex = first();
-  return focusIndex(state, firstIndex);
-};
-
-const VirtualListFocusFirst = {
-  __proto__: null,
-  focusFirst
-};
-
-const focusLast = state => {
-  const {
-    items
-  } = state;
-  const lastIndex = last(items);
-  return focusIndex(state, lastIndex);
-};
-
-const VirtualListFocusLast = {
-  __proto__: null,
-  focusLast
-};
-
-const focusNext = state => {
-  const {
-    focusedIndex,
-    items
-  } = state;
-  const nextIndex = next(items, focusedIndex);
-  return focusIndex(state, nextIndex);
-};
-
-const VirtualListFocusNext = {
-  __proto__: null,
-  focusNext
-};
-
-const focusNextPage = state => {
-  const {
-    focusedIndex,
-    items,
-    maxLineY,
-    minLineY
-  } = state;
-  if (isLastIndex(items, focusedIndex)) {
-    return state;
-  }
-  const indexNextPage = Math.min(maxLineY + (maxLineY - minLineY) - 2, lastIndex(items));
-  return focusIndex(state, indexNextPage);
-};
-
-const VirtualListFocusNextPage = {
-  __proto__: null,
-  focusNextPage
-};
-
-const focusPrevious = state => {
-  const {
-    focusedIndex,
-    items
-  } = state;
-  if (focusedIndex === 0 || focusedIndex === -1) {
-    return state;
-  }
-  const previousIndex = previous(items, focusedIndex);
-  return focusIndex(state, previousIndex);
-};
-
-const VirtualListFocusPrevious = {
-  __proto__: null,
-  focusPrevious
-};
-
-const focusPreviousPage = state => {
-  const {
-    focusedIndex,
-    minLineY,
-    maxLineY
-  } = state;
-  if (focusedIndex === 0 || focusedIndex === -1) {
-    return state;
-  }
-  const indexPreviousPage = Math.max(minLineY - (maxLineY - minLineY) + 1, 0);
-  return focusIndex(state, indexPreviousPage);
-};
-
-const VirtualListFocusPreviousPage = {
-  __proto__: null,
-  focusPreviousPage
-};
-
-const applyInertia = async touchDifference => {
-  let inertia = touchDifference;
-  while (Math.abs(inertia) > 1.5) {
-    inertia /= 1.03;
-    await sleep(10);
-    const newState = getState$1('Extensions');
-    if (!newState) {
-      break;
-    }
-    const newDeltaY = newState.deltaY - inertia;
-    await setState('Extensions', setDeltaY(newState, newDeltaY));
-  }
-};
-const handleTouchEnd = (state, touches) => {
-  if (touches.length === 0) {
-    return state;
-  }
-  const {
-    touchDifference
-  } = state;
-  void applyInertia(touchDifference);
-  // const touch = touches[0]
-  // const newTouchOffsetY = touch.clientY
-  // const diff = newTouchOffsetY - touchOffsetY
-  // console.log({ touchDifference })
-  // let inertia = touchDifference
-  // let i = 0
-  // while (Math.abs(inertia) > 1.5) {
-  //   console.log({ inertia })
-  //   inertia /= 1.03
-  //   await new Promise((r) => setTimeout(r, 10))
-  //   const newState = ViewletStates.getState('Extensions')
-  //   if (!newState) {
-  //     break
-  //   }
-  //   const newDeltaY = newState.deltaY - inertia
-  //   await Viewlet.setState('Extensions', setDeltaY(newState, newDeltaY))
-  // }
-  // console.log('return state')
-  return state;
-};
-
-const VirtualListHandleTouchEnd = {
-  __proto__: null,
-  handleTouchEnd
-};
-
-const handleTouchMove = (state, timeStamp, touches) => {
-  number$1(timeStamp);
-  array(touches);
-  if (touches.length === 0) {
-    return state;
-  }
-  const {
-    touchOffsetY,
-    deltaY
-  } = state;
-  const touch = touches[0];
-  const {
-    y
-  } = touch;
-  number$1(y);
-  const newTouchOffsetY = y;
-  const touchDifference = newTouchOffsetY - touchOffsetY;
-  const newDeltaY = deltaY - touchDifference;
-  return {
-    ...setDeltaY(state, newDeltaY),
-    touchOffsetY: newTouchOffsetY,
-    touchDifference
-  };
-};
-
-const VirtualListHandleTouchMove = {
-  __proto__: null,
-  handleTouchMove
-};
-
-const handleTouchStart = (state, timeStamp, touches) => {
-  number$1(timeStamp);
-  array(touches);
-  if (touches.length === 0) {
-    return state;
-  }
-  const touch = touches[0];
-  const {
-    y
-  } = touch;
-  number$1(y);
-  return {
-    ...state,
-    touchOffsetY: y
-  };
-};
-
-const VirtualListHandleTouchStart = {
-  __proto__: null,
-  handleTouchStart
-};
-
-const getNewPercent = (contentHeight, scrollBarHeight, relativeY) => {
-  if (relativeY <= contentHeight - scrollBarHeight / 2) {
-    // clicked in middle
-    return relativeY / (contentHeight - scrollBarHeight);
-  }
-  // clicked at bottom
-  return 1;
-};
-const handleScrollBarMove = (state, eventY) => {
-  const {
-    y,
-    headerHeight,
-    handleOffset,
-    finalDeltaY,
-    height,
-    scrollBarHeight
-  } = state;
-  const relativeY = eventY - y - headerHeight - handleOffset;
-  const contentHeight = height - headerHeight;
-  const newPercent = getNewPercent(contentHeight, scrollBarHeight, relativeY);
-  const newDeltaY = newPercent * finalDeltaY;
-  return setDeltaY(state, newDeltaY);
-};
-const handleScrollBarThumbPointerMove = handleScrollBarMove;
-
-const VirtualListHandleScrollBarMove = {
-  __proto__: null,
-  handleScrollBarMove,
-  handleScrollBarThumbPointerMove
-};
-
-const handleScrollBarClick = (state, eventY) => {
-  const {
-    y,
-    deltaY,
-    headerHeight,
-    finalDeltaY,
-    scrollBarHeight,
-    height
-  } = state;
-  const contentHeight = height - headerHeight;
-  const relativeY = eventY - y - headerHeight;
-  const currentScrollBarY = getScrollBarY(deltaY, finalDeltaY, contentHeight, scrollBarHeight);
-  const diff = relativeY - currentScrollBarY;
-  if (diff >= 0 && diff < scrollBarHeight) {
-    return {
-      ...state,
-      handleOffset: diff,
-      scrollBarActive: true
-    };
-  }
-  const {
-    percent,
-    handleOffset
-  } = getNewDeltaPercent(contentHeight, scrollBarHeight, relativeY);
-  const newDeltaY = percent * finalDeltaY;
-  return {
-    ...setDeltaY(state, newDeltaY),
-    handleOffset,
-    scrollBarActive: true
-  };
-};
-
-const VirtualListHandleScrollBarClick = {
-  __proto__: null,
-  handleScrollBarClick
-};
-
-const handleScrollBarCaptureLost = state => {
-  return {
-    ...state,
-    scrollBarActive: false
-  };
-};
-
-const VirtualListHandleScrollBarCaptureLost = {
-  __proto__: null,
-  handleScrollBarCaptureLost
-};
-
-const handleClickAt = async (state, eventX, eventY) => {
-  const {
-    x,
-    y,
-    itemHeight,
-    uid,
-    deltaY
-  } = state;
-  const index = getListIndex(eventX, eventY, x, y, deltaY, itemHeight);
-  await executeViewletCommand(uid, 'selectIndex', index);
-  return state;
-};
-
-const VirtualListHandleClickAt = {
-  __proto__: null,
-  handleClickAt
-};
-
-const scrollDown = state => {
-  const {
-    finalDeltaY,
-    deltaY
-  } = state;
-  const newDeltaY = Math.min(deltaY + 20, finalDeltaY);
-  return setDeltaY(state, newDeltaY);
-};
-
-const VirtualListScrollDown = {
-  __proto__: null,
-  scrollDown
-};
-
-const handleClick$2 = async (state, index) => {
-  const {
-    items,
-    minLineY
-  } = state;
-  const actualIndex = index + minLineY;
-  const extension = items[actualIndex];
-  const uri = `extension-detail://${extension.id}`;
-  await execute$4('Main.openUri', uri);
-  return focusIndex(state, actualIndex);
-};
-
-const ViewletExtensionsHandleClick = {
-  __proto__: null,
-  handleClick: handleClick$2
-};
-
-const handleClickCurrent = state => {
-  const {
-    focusedIndex
-  } = state;
-  return handleClick$2(state, focusedIndex);
-};
-
-const ViewletExtensionsHandleClickCurrent = {
-  __proto__: null,
-  handleClickCurrent
-};
-
-const handleClickCurrentButKeepFocus = state => {
-  const {
-    focusedIndex
-  } = state;
-  return handleClick$2(state, focusedIndex);
-};
-
-const ViewletExtensionsHandleClickCurrentButKeepFocus = {
-  __proto__: null,
-  handleClickCurrentButKeepFocus
-};
-
-// TODO pass index instead
-const handleContextMenu$4 = async (state, button, x, y) => {
-  // TODO use focused index when when context menu button is -1 (keyboard)
-  await show$a(x, y, ManageExtension);
-  return state;
-};
-
-const ViewletExtensionsHandleContextMenu = {
-  __proto__: null,
-  handleContextMenu: handleContextMenu$4
-};
-
-const clearSearchResults = state => {
-  return handleInput$2(state, '');
-};
-
-const ViewletExtensionsClearSearchResults = {
-  __proto__: null,
-  clearSearchResults
-};
-
-const handleFocus$1 = state => {
-  setFocus(Extensions);
-  return state;
-};
-
-const ViewletExtensionsHandleFocus = {
-  __proto__: null,
-  handleFocus: handleFocus$1
-};
-
 const closeTabsLeft = state => {
   const commands = [];
   // @ts-ignore
@@ -32864,7 +32173,7 @@ const prefixIdWithExt = item => {
 const getExtensionPicks = async () => {
   try {
     // TODO don't call this every time
-    const extensionPicks = await getCommands$7();
+    const extensionPicks = await getCommands$8();
     if (!extensionPicks) {
       return [];
     }
@@ -33419,6 +32728,376 @@ const ViewletSimpleBrowserCancelNavigation = {
   cancelNavigation
 };
 
+const focusIndexScrollUp = (state, index, listHeight, itemHeight, itemsLength) => {
+  const newMinLineY = index;
+  const fittingItems = getNumberOfVisibleItems(listHeight, itemHeight);
+  const newMaxLineY = Math.min(newMinLineY + fittingItems, itemsLength);
+  const newDeltaY = newMinLineY * itemHeight;
+  return {
+    ...state,
+    focusedIndex: index,
+    minLineY: newMinLineY,
+    maxLineY: newMaxLineY,
+    focused: true,
+    deltaY: newDeltaY
+  };
+};
+const focusIndexScrollDown = (state, index, listHeight, itemHeight, itemsLength) => {
+  const newMaxLineY = Math.min(index + 1, itemsLength);
+  const fittingItems = getNumberOfVisibleItems(listHeight, itemHeight);
+  const newMinLineY = Math.max(newMaxLineY - fittingItems, 0);
+  const newDeltaY = itemsLength < fittingItems ? 0 : newMinLineY * itemHeight - listHeight % itemHeight + itemHeight;
+  return {
+    ...state,
+    focusedIndex: index,
+    minLineY: newMinLineY,
+    maxLineY: newMaxLineY,
+    focused: true,
+    deltaY: newDeltaY
+  };
+};
+const focusIndex = (state, index) => {
+  const {
+    itemHeight,
+    minLineY,
+    maxLineY,
+    headerHeight,
+    height,
+    items
+  } = state;
+  const itemsLength = items.length;
+  if (itemsLength === 0) {
+    return state;
+  }
+  number$1(itemHeight);
+  if (index === -1) {
+    return {
+      ...state,
+      focusedIndex: -1,
+      focused: true
+    };
+  }
+  const listHeight = height - headerHeight;
+  if (index < minLineY + 1) {
+    return focusIndexScrollUp(state, index, listHeight, itemHeight, itemsLength);
+  }
+  if (index >= maxLineY - 1) {
+    return focusIndexScrollDown(state, index, listHeight, itemHeight, itemsLength);
+  }
+  return {
+    ...state,
+    focusedIndex: index,
+    focused: true
+  };
+};
+
+const VirtualListFocusIndex = {
+  __proto__: null,
+  focusIndex
+};
+
+const focusFirst = state => {
+  const firstIndex = first();
+  return focusIndex(state, firstIndex);
+};
+
+const VirtualListFocusFirst = {
+  __proto__: null,
+  focusFirst
+};
+
+const focusLast = state => {
+  const {
+    items
+  } = state;
+  const lastIndex = last(items);
+  return focusIndex(state, lastIndex);
+};
+
+const VirtualListFocusLast = {
+  __proto__: null,
+  focusLast
+};
+
+const focusNext = state => {
+  const {
+    focusedIndex,
+    items
+  } = state;
+  const nextIndex = next(items, focusedIndex);
+  return focusIndex(state, nextIndex);
+};
+
+const VirtualListFocusNext = {
+  __proto__: null,
+  focusNext
+};
+
+const focusNextPage = state => {
+  const {
+    focusedIndex,
+    items,
+    maxLineY,
+    minLineY
+  } = state;
+  if (isLastIndex(items, focusedIndex)) {
+    return state;
+  }
+  const indexNextPage = Math.min(maxLineY + (maxLineY - minLineY) - 2, lastIndex(items));
+  return focusIndex(state, indexNextPage);
+};
+
+const VirtualListFocusNextPage = {
+  __proto__: null,
+  focusNextPage
+};
+
+const focusPrevious = state => {
+  const {
+    focusedIndex,
+    items
+  } = state;
+  if (focusedIndex === 0 || focusedIndex === -1) {
+    return state;
+  }
+  const previousIndex = previous(items, focusedIndex);
+  return focusIndex(state, previousIndex);
+};
+
+const VirtualListFocusPrevious = {
+  __proto__: null,
+  focusPrevious
+};
+
+const focusPreviousPage = state => {
+  const {
+    focusedIndex,
+    minLineY,
+    maxLineY
+  } = state;
+  if (focusedIndex === 0 || focusedIndex === -1) {
+    return state;
+  }
+  const indexPreviousPage = Math.max(minLineY - (maxLineY - minLineY) + 1, 0);
+  return focusIndex(state, indexPreviousPage);
+};
+
+const VirtualListFocusPreviousPage = {
+  __proto__: null,
+  focusPreviousPage
+};
+
+const applyInertia = async touchDifference => {
+  let inertia = touchDifference;
+  while (Math.abs(inertia) > 1.5) {
+    inertia /= 1.03;
+    await sleep(10);
+    const newState = getState$1('Extensions');
+    if (!newState) {
+      break;
+    }
+    const newDeltaY = newState.deltaY - inertia;
+    await setState('Extensions', setDeltaY(newState, newDeltaY));
+  }
+};
+const handleTouchEnd = (state, touches) => {
+  if (touches.length === 0) {
+    return state;
+  }
+  const {
+    touchDifference
+  } = state;
+  void applyInertia(touchDifference);
+  // const touch = touches[0]
+  // const newTouchOffsetY = touch.clientY
+  // const diff = newTouchOffsetY - touchOffsetY
+  // console.log({ touchDifference })
+  // let inertia = touchDifference
+  // let i = 0
+  // while (Math.abs(inertia) > 1.5) {
+  //   console.log({ inertia })
+  //   inertia /= 1.03
+  //   await new Promise((r) => setTimeout(r, 10))
+  //   const newState = ViewletStates.getState('Extensions')
+  //   if (!newState) {
+  //     break
+  //   }
+  //   const newDeltaY = newState.deltaY - inertia
+  //   await Viewlet.setState('Extensions', setDeltaY(newState, newDeltaY))
+  // }
+  // console.log('return state')
+  return state;
+};
+
+const VirtualListHandleTouchEnd = {
+  __proto__: null,
+  handleTouchEnd
+};
+
+const handleTouchMove = (state, timeStamp, touches) => {
+  number$1(timeStamp);
+  array(touches);
+  if (touches.length === 0) {
+    return state;
+  }
+  const {
+    touchOffsetY,
+    deltaY
+  } = state;
+  const touch = touches[0];
+  const {
+    y
+  } = touch;
+  number$1(y);
+  const newTouchOffsetY = y;
+  const touchDifference = newTouchOffsetY - touchOffsetY;
+  const newDeltaY = deltaY - touchDifference;
+  return {
+    ...setDeltaY(state, newDeltaY),
+    touchOffsetY: newTouchOffsetY,
+    touchDifference
+  };
+};
+
+const VirtualListHandleTouchMove = {
+  __proto__: null,
+  handleTouchMove
+};
+
+const handleTouchStart = (state, timeStamp, touches) => {
+  number$1(timeStamp);
+  array(touches);
+  if (touches.length === 0) {
+    return state;
+  }
+  const touch = touches[0];
+  const {
+    y
+  } = touch;
+  number$1(y);
+  return {
+    ...state,
+    touchOffsetY: y
+  };
+};
+
+const VirtualListHandleTouchStart = {
+  __proto__: null,
+  handleTouchStart
+};
+
+const getNewPercent = (contentHeight, scrollBarHeight, relativeY) => {
+  if (relativeY <= contentHeight - scrollBarHeight / 2) {
+    // clicked in middle
+    return relativeY / (contentHeight - scrollBarHeight);
+  }
+  // clicked at bottom
+  return 1;
+};
+const handleScrollBarMove = (state, eventY) => {
+  const {
+    y,
+    headerHeight,
+    handleOffset,
+    finalDeltaY,
+    height,
+    scrollBarHeight
+  } = state;
+  const relativeY = eventY - y - headerHeight - handleOffset;
+  const contentHeight = height - headerHeight;
+  const newPercent = getNewPercent(contentHeight, scrollBarHeight, relativeY);
+  const newDeltaY = newPercent * finalDeltaY;
+  return setDeltaY(state, newDeltaY);
+};
+const handleScrollBarThumbPointerMove = handleScrollBarMove;
+
+const VirtualListHandleScrollBarMove = {
+  __proto__: null,
+  handleScrollBarMove,
+  handleScrollBarThumbPointerMove
+};
+
+const handleScrollBarClick = (state, eventY) => {
+  const {
+    y,
+    deltaY,
+    headerHeight,
+    finalDeltaY,
+    scrollBarHeight,
+    height
+  } = state;
+  const contentHeight = height - headerHeight;
+  const relativeY = eventY - y - headerHeight;
+  const currentScrollBarY = getScrollBarY(deltaY, finalDeltaY, contentHeight, scrollBarHeight);
+  const diff = relativeY - currentScrollBarY;
+  if (diff >= 0 && diff < scrollBarHeight) {
+    return {
+      ...state,
+      handleOffset: diff,
+      scrollBarActive: true
+    };
+  }
+  const {
+    percent,
+    handleOffset
+  } = getNewDeltaPercent(contentHeight, scrollBarHeight, relativeY);
+  const newDeltaY = percent * finalDeltaY;
+  return {
+    ...setDeltaY(state, newDeltaY),
+    handleOffset,
+    scrollBarActive: true
+  };
+};
+
+const VirtualListHandleScrollBarClick = {
+  __proto__: null,
+  handleScrollBarClick
+};
+
+const handleScrollBarCaptureLost = state => {
+  return {
+    ...state,
+    scrollBarActive: false
+  };
+};
+
+const VirtualListHandleScrollBarCaptureLost = {
+  __proto__: null,
+  handleScrollBarCaptureLost
+};
+
+const handleClickAt = async (state, eventX, eventY) => {
+  const {
+    x,
+    y,
+    itemHeight,
+    uid,
+    deltaY
+  } = state;
+  const index = getListIndex(eventX, eventY, x, y, deltaY, itemHeight);
+  await executeViewletCommand(uid, 'selectIndex', index);
+  return state;
+};
+
+const VirtualListHandleClickAt = {
+  __proto__: null,
+  handleClickAt
+};
+
+const scrollDown = state => {
+  const {
+    finalDeltaY,
+    deltaY
+  } = state;
+  const newDeltaY = Math.min(deltaY + 20, finalDeltaY);
+  return setDeltaY(state, newDeltaY);
+};
+
+const VirtualListScrollDown = {
+  __proto__: null,
+  scrollDown
+};
+
 const handleContextMenu$1 = async (state, button, x, y) => {
   await show$a(x, y, SourceControl$1);
   return state;