@lvce-editor/file-search-worker 5.0.0 → 5.2.0

package/dist/fileSearchWorkerMain.js

@@ -786,7 +786,7 @@ const register$2 = commandMap => {
 const getCommand = key => {
   return commands[key];
 };
-const execute$1 = (command, ...args) => {
+const execute = (command, ...args) => {
   const fn = getCommand(command);
   if (!fn) {
     throw new Error(`command not found ${command}`);
@@ -824,7 +824,7 @@ const logError = () => {
 };
 const handleMessage = event => {
   const actualRequiresSocket = event?.target?.requiresSocket || requiresSocket;
-  const actualExecute = event?.target?.execute || execute$1;
+  const actualExecute = event?.target?.execute || execute;
   return handleJsonRpcMessage(event.target, event.data, actualExecute, resolve, preparePrettyError, logError, actualRequiresSocket);
 };
 const handleIpc = ipc => {
@@ -891,7 +891,7 @@ const minimumSliderSize = 20;
 const Command = '>';
 const Symbol$1 = '@';
 const WorkspaceSymbol$1 = '#';
-const GoToLine = ':';
+const GoToLine$1 = ':';
 const View$1 = 'view ';
 const None$2 = '';
 
@@ -905,8 +905,8 @@ const getQuickPickPrefix = value => {
   if (value.startsWith(WorkspaceSymbol$1)) {
     return WorkspaceSymbol$1;
   }
-  if (value.startsWith(GoToLine)) {
-    return GoToLine;
+  if (value.startsWith(GoToLine$1)) {
+    return GoToLine$1;
   }
   if (value.startsWith(View$1)) {
     return View$1;
@@ -914,34 +914,38 @@ const getQuickPickPrefix = value => {
   return None$2;
 };
 
-const handleError = async (error, notify = true, prefix = '') => {
-  console.error(error);
-};
-const showErrorDialog = async error => {
-  const code = error.code;
-  const message = error.message;
-  const stack = error.stack;
-  const name = error.name;
-  const errorInfo = {
-    code,
-    message,
-    stack,
-    name
-  };
-  await invoke$1('ErrorHandling.showErrorDialog', errorInfo);
-};
-const warn = (...args) => {
-  console.warn(...args);
-};
+const CommandPalette = 'quickPick://commandPalette';
+const Commands = 'quickPick://commands';
+const File$2 = 'quickPick://file';
+const EveryThing = 'quickPick://everything';
+const Recent = 'quickPick://recent';
+const ColorTheme = 'quickPick://color-theme';
+const Symbol = 'quickPick://symbol';
+const View = 'quickPick://view';
+const WorkspaceSymbol = 'quickPick://workspace-symbol';
+const Custom = 'quickPick://custom';
+const GoToLine = 'quickPick://go-to-line';
 
-const state$8 = {
-  menuEntries: []
-};
-const getAll = () => {
-  return state$8.menuEntries;
+// TODO use numeric enum for quickpick entry id
+const getQuickPickProviderId = prefix => {
+  switch (prefix) {
+    case Command:
+      return Commands;
+    case Symbol$1:
+      return Symbol;
+    case WorkspaceSymbol$1:
+      return WorkspaceSymbol;
+    case GoToLine$1:
+      return GoToLine;
+    case View$1:
+      return View;
+    default:
+      return File$2;
+  }
 };
-const add = menuEntries => {
-  state$8.menuEntries = [...state$8.menuEntries, ...menuEntries];
+
+const getVisibleItems$i = (picks, minLineY, maxLineY, focusedIndex, setSize, icons) => {
+  return [];
 };
 
 const Hide = 'hide';
@@ -1009,2290 +1013,2385 @@ const quickOpen = () => {
   return i18nString(QuickOpen);
 };
 
-const name$a = 'command';
-const getPlaceholder$a = () => {
-  return typeNameofCommandToRun();
-};
-const getLabel$5 = () => {
+const name$9 = 'noop';
+const getPlaceholder$9 = () => {
   return '';
 };
-const getNoResults$a = () => {
-  return {
-    label: noMatchingResults()
-  };
+const getNoResults$9 = () => {
+  return noResults();
 };
-
-// TODO combine Ajax with cache (specify strategy: cacheFirst, networkFirst)
-const getBuiltinPicks = async () => {
-  const builtinPicks = getAll();
-  return builtinPicks;
+const getPicks$9 = async value => {
+  return [];
 };
-const prefixIdWithExt = item => {
-  if (!item.label) {
-    warn('[QuickPick] item has missing label', item);
-  }
-  if (!item.id) {
-    warn('[QuickPick] item has missing id', item);
-  }
+const selectPick$9 = async item => {
   return {
-    ...item,
-    id: `ext.${item.id}`,
-    label: item.label || item.id
+    command: Hide
   };
 };
-const getExtensionPicks = async () => {
-  try {
-    // TODO don't call this every time
-    const extensionPicks = await invoke$1('ExtensionHost.getCommands');
-    if (!extensionPicks) {
-      return [];
-    }
-    const mappedPicks = extensionPicks.map(prefixIdWithExt);
-    return mappedPicks;
-  } catch (error) {
-    console.error(`Failed to get extension picks: ${error}`);
-    return [];
-  }
+const getFilterValue$9 = value => {
+  return value;
+};
+const getPickFilterValue$9 = pick => {
+  return pick;
 };
+const getVisibleItems$h = getVisibleItems$i;
 
-// TODO send strings to renderer process only once for next occurrence send uint16array of ids of strings
+const QuickPickNoop = {
+  __proto__: null,
+  getFilterValue: getFilterValue$9,
+  getNoResults: getNoResults$9,
+  getPickFilterValue: getPickFilterValue$9,
+  getPicks: getPicks$9,
+  getPlaceholder: getPlaceholder$9,
+  getVisibleItems: getVisibleItems$h,
+  name: name$9,
+  selectPick: selectPick$9
+};
 
-const getPicks$a = async () => {
-  const builtinPicks = await getBuiltinPicks();
-  const extensionPicks = await getExtensionPicks();
-  const allPicks = [...builtinPicks, ...extensionPicks];
-  return allPicks;
+const state$b = {
+  provider: QuickPickNoop,
+  prefix: 'string-that-should-never-match-another-string'
 };
-const getVisibleItems$a = async (picks, minLineY, maxLineY, focusedIndex, setSize, icons) => {
-  const visibleItems = picks.map((pick, index) => ({
-    description: pick.description || '',
-    fileIcon: '',
-    icon: getPickIcon$7(),
-    isActive: index + minLineY === focusedIndex,
-    label: getPickLabel$7(pick),
-    matches: [],
-    posInSet: index + minLineY + 1,
-    setSize
-  }));
+const getVisibleItems$g = (picks, minLineY, maxLineY, focusedIndex, setSize, icons) => {
+  const items = picks.map(pick => pick.pick);
+  const visibleItems = state$b.provider.getVisibleItems(items, minLineY, maxLineY, focusedIndex, setSize, icons);
   return visibleItems;
 };
-const shouldHide = item => {
-  if (item.id === 'Viewlet.openWidget' && item.args[0] === 'QuickPick') {
-    return false;
-  }
-  return true;
-};
-const selectPickBuiltin = async item => {
-  const args = item.args || [];
-  // TODO ids should be all numbers for efficiency -> also directly can call command
-  await invoke$1(item.id, ...args);
-  if (shouldHide(item)) {
-    return {
-      command: Hide
-    };
-  }
-  return {
-    command: KeepOpen
-  };
-};
-const selectPickExtension = async item => {
-  const id = item.id.slice(4); // TODO lots of string allocation with 'ext.' find a better way to separate builtin commands from extension commands
-  try {
-    await invoke$1('ExtensionHost.executeCommand', id);
-  } catch (error) {
-    await handleError(error, false);
-    await showErrorDialog(error);
-  }
-  return {
-    command: Hide
-  };
+
+const state$a = Object.create(null);
+const register$1 = modules => {
+  Object.assign(state$a, modules);
 };
-const selectPick$a = async item => {
-  if (item.id.startsWith('ext.')) {
-    return selectPickExtension(item);
+const get$1 = moduleId => {
+  const module = state$a[moduleId];
+  if (!module) {
+    throw new Error(`unknown module "${moduleId}"`);
   }
-  return selectPickBuiltin(item);
-};
-const getFilterValue$a = value => {
-  return value.trim();
-};
-const getPickFilterValue$8 = pick => {
-  return pick.label;
-};
-const getPickLabel$7 = pick => {
-  return pick.label;
-};
-const getPickIcon$7 = () => {
-  return '';
+  return module;
 };
 
-const QuickPickEntriesCommand = {
-  __proto__: null,
-  getFilterValue: getFilterValue$a,
-  getLabel: getLabel$5,
-  getNoResults: getNoResults$a,
-  getPickFilterValue: getPickFilterValue$8,
-  getPickIcon: getPickIcon$7,
-  getPickLabel: getPickLabel$7,
-  getPicks: getPicks$a,
-  getPlaceholder: getPlaceholder$a,
-  getVisibleItems: getVisibleItems$a,
-  name: name$a,
-  selectPick: selectPick$a
-};
+// TODO avoid global variable
 
-const Directory = 3;
-const File$2 = 7;
+// TODO don't store provider in state, only serialized value like provider-id
 
-const RE_PROTOCOL = /^([a-z-]+):\/\//;
-const getProtocol = uri => {
-  const protocolMatch = uri.match(RE_PROTOCOL);
-  if (protocolMatch) {
-    return protocolMatch[1];
-  }
+/**
+ * @type {string}
+ */
+const name$8 = 'everything';
+const getPlaceholder$8 = () => {
+  return state$b.provider.getPlaceholder();
+};
+const getLabel$5 = () => {
   return '';
 };
-
-const getWorkspacePath = async () => {
-  return invoke$1('Workspace.getPath');
+const getNoResults$8 = () => {
+  return state$b.provider.getNoResults();
 };
+const getPicks$8 = async value => {
+  const prefix = getQuickPickPrefix(value);
 
-const openUri = async uri => {
-  await invoke$1(/* Main.openUri */'Main.openUri', /* uri */uri);
+  // TODO race condition
+  if (state$b.prefix !== prefix) {
+    state$b.prefix = prefix;
+    const providerId = getQuickPickProviderId(prefix);
+    const provider = get$1(providerId);
+    state$b.provider = provider;
+  }
+  // TODO this line is a bit duplicated with getFilterValue
+  const slicedValue = value.slice(prefix.length).trimStart();
+  const picks = await state$b.provider.getPicks(slicedValue);
+  return picks;
 };
-
-const state$7 = Object.create(null);
-const register$1 = modules => {
-  Object.assign(state$7, modules);
+const selectPick$8 = item => {
+  const {
+    provider
+  } = state$b;
+  return provider.selectPick(item);
 };
-const getModule = protocol => {
-  return state$7[protocol];
+const openCommandPalette = () => {
+  // show('>')
 };
-
-const searchFile$5 = async (path, value, prepare, assetDir) => {
-  const protocol = getProtocol(path);
-  // TODO call different providers depending on protocol
-  const fn = getModule(protocol);
-  const result = await fn(path, value, prepare, assetDir);
-  return result;
+const openView = () => {
+  // show('view ')
 };
-
-// TODO this should be in FileSystem module
-const pathBaseName = path => {
-  return path.slice(path.lastIndexOf('/') + 1);
+const getFilterValue$8 = value => {
+  return value.slice(state$b.prefix.length).trim();
 };
-
-// TODO this should be in FileSystem module
-const pathDirName = path => {
-  const pathSeparator = '/';
-  const index = path.lastIndexOf(pathSeparator);
-  if (index === -1) {
-    return '';
-  }
-  return path.slice(0, index);
+const getPickFilterValue$8 = pick => {
+  const {
+    provider
+  } = state$b;
+  return provider.getPickFilterValue(pick);
 };
-
-const searchFile$4 = async (path, value) => {
-  const prepare = true;
+const getPickDescription$d = pick => {
+  const {
+    provider
+  } = state$b;
   // @ts-ignore
-  const files = await searchFile$5(/* path */path, /* searchTerm */value, prepare);
-  return files;
-};
-const name$9 = 'file';
-const getPlaceholder$9 = () => {
+  if (provider.getPickDescription) {
+    // @ts-ignore
+    return provider.getPickDescription(pick);
+  }
   return '';
 };
-const getLabel$4 = () => {
-  return files();
+const getPickLabel$e = pick => {
+  const {
+    provider
+  } = state$b;
+  // @ts-ignore
+  return provider.getPickLabel(pick);
 };
-const getNoResults$9 = () => {
-  return {
-    label: noMatchingResults()
-  };
+const getPickIcon$e = pick => {
+  const {
+    provider
+  } = state$b;
+  // @ts-ignore
+  return provider.getPickIcon(pick);
 };
-const getPicks$9 = async searchValue => {
-  // TODO cache workspace path
-  const workspace = await getWorkspacePath();
-  if (!workspace) {
-    return [];
+const getPickFileIcon$3 = pick => {
+  const {
+    provider
+  } = state$b;
+  // @ts-ignore
+  if (provider.getPickFileIcon) {
+    // @ts-ignore
+    return provider.getPickFileIcon(pick);
   }
-  const files = await searchFile$4(workspace, searchValue);
-  return files;
+  return undefined;
 };
-const selectPick$9 = async pick => {
-  if (typeof pick === 'object') {
-    pick = pick.pick;
+const isPrepared$8 = () => {
+  const {
+    provider
+  } = state$b;
+  // @ts-ignore
+  if (provider.isPrepared) {
+    // @ts-ignore
+    return provider.isPrepared();
   }
-  const workspace = await getWorkspacePath();
-  const absolutePath = `${workspace}/${pick}`;
-  await openUri(absolutePath);
-  return {
-    command: Hide
-  };
+  return false;
 };
-const getFilterValue$9 = value => {
-  return value;
+
+const QuickPickEntriesEverything = {
+  __proto__: null,
+  getFilterValue: getFilterValue$8,
+  getLabel: getLabel$5,
+  getNoResults: getNoResults$8,
+  getPickDescription: getPickDescription$d,
+  getPickFileIcon: getPickFileIcon$3,
+  getPickFilterValue: getPickFilterValue$8,
+  getPickIcon: getPickIcon$e,
+  getPickLabel: getPickLabel$e,
+  getPicks: getPicks$8,
+  getPlaceholder: getPlaceholder$8,
+  getVisibleItems: getVisibleItems$g,
+  isPrepared: isPrepared$8,
+  name: name$8,
+  openCommandPalette,
+  openView,
+  selectPick: selectPick$8,
+  state: state$b
 };
-const getPickFilterValue$7 = pick => {
-  if (typeof pick === 'object') {
-    pick = pick.pick;
-  }
-  return pick;
+
+const Default$1 = 0;
+const Finished = 2;
+
+const create$2 = () => {
+  const states = Object.create(null);
+  return {
+    get(uid) {
+      return states[uid];
+    },
+    set(uid, oldState, newState) {
+      states[uid] = {
+        oldState,
+        newState
+      };
+    },
+    remove(uid) {
+      delete states[uid];
+    }
+  };
 };
-const getPickLabel$6 = pick => {
-  if (typeof pick === 'object') {
-    pick = pick.pick;
-  }
-  const baseName = pathBaseName(pick);
-  return baseName;
+
+const {
+  get,
+  set,
+  remove
+} = create$2();
+
+const create$1 = ({
+  itemHeight,
+  headerHeight = 0,
+  minimumSliderSize = 20
+}) => {
+  return {
+    deltaY: 0,
+    minLineY: 0,
+    maxLineY: 0,
+    finalDeltaY: 0,
+    itemHeight,
+    headerHeight,
+    items: [],
+    minimumSliderSize,
+    focusedIndex: -1,
+    touchOffsetY: 0,
+    touchTimeStamp: 0,
+    touchDifference: 0,
+    scrollBarHeight: 0,
+    scrollBarActive: false
+  };
 };
-const getPickDescription$6 = pick => {
-  if (typeof pick === 'object') {
-    pick = pick.pick;
+const getListHeight = (height, headerHeight) => {
+  if (headerHeight) {
+    return height - headerHeight;
   }
-  const dirName = pathDirName(pick);
-  return dirName;
-};
-const getPickIcon$6 = () => {
-  return '';
+  return headerHeight;
 };
-const getPickFileIcon$2 = pick => {
-  if (typeof pick === 'object') {
-    pick = pick.pick;
+const setDeltaY = (state, deltaY) => {
+  object(state);
+  number(deltaY);
+  const {
+    itemHeight,
+    items,
+    height,
+    headerHeight
+  } = state;
+  const listHeight = getListHeight(height, headerHeight);
+  const itemsLength = items.length;
+  const finalDeltaY = itemsLength * itemHeight - listHeight;
+  if (deltaY < 0) {
+    deltaY = 0;
+  } else if (deltaY > finalDeltaY) {
+    deltaY = Math.max(finalDeltaY, 0);
   }
-  if (typeof pick === 'object') {
-    pick = pick.pick;
+  if (state.deltaY === deltaY) {
+    return state;
   }
-  const baseName = pathBaseName(pick);
+  const minLineY = Math.round(deltaY / itemHeight);
+  const maxLineY = minLineY + Math.round(listHeight / itemHeight);
+  number(minLineY);
+  number(maxLineY);
   return {
-    type: File$2,
-    name: baseName,
-    path: pick
+    ...state,
+    deltaY,
+    minLineY,
+    maxLineY
   };
 };
-const isPrepared$6 = () => {
-  const workspace = '';
-  // TODO protocol should always be defined. For files it should use file protocol
-  const protocol = getProtocol(workspace);
-  return !protocol;
-};
-const getVisibleItems$9 = (files, minLineY, maxLineY, focusedIndex, setSize, icons) => {
-  const visibleItems = files.map((item, i) => {
-    const pick = item.pick;
-    const label = getPickLabel$6(pick);
-    const description = getPickDescription$6(pick);
-    const icon = getPickIcon$6();
-    const fileIcon = icons[i];
-    return {
-      label,
-      description,
-      icon,
-      fileIcon,
-      posInSet: minLineY + i + 1,
-      setSize,
-      isActive: i === focusedIndex,
-      matches: item.matches
-    };
-  });
-  return visibleItems;
+const handleWheel = (state, deltaMode, deltaY) => {
+  object(state);
+  number(deltaMode);
+  number(deltaY);
+  return setDeltaY(state, state.deltaY + deltaY);
 };
 
-const QuickPickEntriesFile = {
-  __proto__: null,
-  getFilterValue: getFilterValue$9,
-  getLabel: getLabel$4,
-  getNoResults: getNoResults$9,
-  getPickDescription: getPickDescription$6,
-  getPickFileIcon: getPickFileIcon$2,
-  getPickFilterValue: getPickFilterValue$7,
-  getPickIcon: getPickIcon$6,
-  getPickLabel: getPickLabel$6,
-  getPicks: getPicks$9,
-  getPlaceholder: getPlaceholder$9,
-  getVisibleItems: getVisibleItems$9,
-  isPrepared: isPrepared$6,
-  name: name$9,
-  selectPick: selectPick$9
+const create = (uid, uri, listItemHeight, x, y, width, height, platform, args) => {
+  const state = {
+    uid,
+    icons: [],
+    state: Default$1,
+    picks: [],
+    recentPicks: [],
+    recentPickIds: new Map(),
+    // TODO use object.create(null) instead
+    versionId: 0,
+    provider: QuickPickEntriesEverything,
+    // TODO make this dynamic again
+    warned: [],
+    maxVisibleItems: 10,
+    uri,
+    cursorOffset: 0,
+    height: 300,
+    top: 50,
+    width: 600,
+    ...create$1({
+      itemHeight: listItemHeight,
+      headerHeight: 30,
+      minimumSliderSize: minimumSliderSize
+    }),
+    inputSource: User,
+    args,
+    focused: false,
+    platform,
+    value: '',
+    fileIconCache: Object.create(null)
+  };
+  set(uid, state, state);
 };
 
-const execute = async (method, ...params) => {
-  // TODO
+const RenderItems = 1;
+const RenderFocus = 2;
+const RenderValue = 3;
+const RenderCursorOffset = 7;
+const RenderFocusedIndex = 8;
+const Height = 9;
+
+const diffType$4 = RenderFocus;
+const isEqual$4 = (oldState, newState) => {
+  return oldState.focused === newState.focused;
 };
 
-const name$8 = 'goToLine';
-const getPlaceholder$8 = () => {
-  return '';
+const diffType$3 = RenderFocusedIndex;
+const isEqual$3 = (oldState, newState) => {
+  return oldState.focusedIndex === newState.focusedIndex;
 };
-const getHelpEntries$3 = () => {
-  return [];
+
+const diffType$2 = Height;
+const isEqual$2 = (oldState, newState) => {
+  return oldState.items.length === newState.items.length;
 };
-const getNoResults$8 = () => {
-  return undefined;
+
+const diffType$1 = RenderItems;
+const isEqual$1 = (oldState, newState) => {
+  return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.focusedIndex === newState.focusedIndex;
 };
-const getPicks$8 = async () => {
-  const picks = [{
-    label: '1'
-  }, {
-    label: '2'
-  }, {
-    label: '3'
-  }, {
-    label: '4'
-  }, {
-    label: '5'
-  }, {
-    label: '6'
-  }];
-  return picks;
+
+const diffType = RenderValue;
+const isEqual = (oldState, newState) => {
+  return newState.inputSource === User || oldState.value === newState.value;
 };
-const selectPick$8 = async item => {
-  const rowIndex = Number.parseInt(item.label);
-  const position = {
-    rowIndex,
-    columnIndex: 5
-  };
-  await execute(/* EditorSetCursor.editorSetCursor */'TODO', /* position */position);
-  // TODO put cursor onto that line
-  return {
-    command: Hide
-  };
+
+const modules = [isEqual$2, isEqual$1, isEqual, isEqual$3, isEqual$4];
+const numbers = [diffType$2, diffType$1, diffType, diffType$3, diffType$4];
+
+const diff = (oldState, newState) => {
+  const diffResult = [];
+  for (let i = 0; i < modules.length; i++) {
+    const fn = modules[i];
+    if (!fn(oldState, newState)) {
+      diffResult.push(numbers[i]);
+    }
+  }
+  return diffResult;
 };
-const getFilterValue$8 = value => {
-  return value;
+
+const diff2 = uid => {
+  const {
+    oldState,
+    newState
+  } = get(uid);
+  return diff(oldState, newState);
 };
-const getVisibleItems$8 = (picks, minLineY, maxLineY, focusedIndex, setSize, icons) => {
-  const visibleItems = picks.map((pick, index) => ({
-    description: '',
-    fileIcon: '',
-    icon: '',
-    isActive: index + minLineY === focusedIndex,
-    label: pick.label,
-    matches: [],
-    posInSet: index + minLineY + 1,
-    setSize
-  }));
-  return visibleItems;
+
+const dispose = uid => {
+  remove(uid);
 };
 
-const QuickPickEntriesGoToLine = {
-  __proto__: null,
-  getFilterValue: getFilterValue$8,
-  getHelpEntries: getHelpEntries$3,
-  getNoResults: getNoResults$8,
-  getPicks: getPicks$8,
-  getPlaceholder: getPlaceholder$8,
-  getVisibleItems: getVisibleItems$8,
-  name: name$8,
-  selectPick: selectPick$8
+const emptyDirent = {
+  name: '',
+  path: '',
+  type: 0
 };
 
-const name$7 = 'symbol';
-const getPlaceholder$7 = () => {
-  return '';
+const getIconsCached = (paths, fileIconCache) => {
+  return paths.map(path => fileIconCache[path]);
 };
-const getNoResults$7 = () => {
-  return {
-    label: noSymbolFound()
-  };
+
+const Directory = 3;
+const File$1 = 7;
+
+const getMissingIconRequests = (dirents, fileIconCache) => {
+  const missingRequests = [];
+  for (const dirent of dirents) {
+    if (!(dirent.path in fileIconCache)) {
+      missingRequests.push({
+        type: File$1,
+        name: dirent.name,
+        path: dirent.path
+      });
+    }
+  }
+  return missingRequests;
 };
-const getPicks$7 = async () => {
-  const picks = [];
-  return picks;
+
+const requestFileIcons = async requests => {
+  const promises = requests.map(request => {
+    if (!request.name) {
+      return '';
+    }
+    return request.type === File$1 ? invoke$1('IconTheme.getFileIcon', {
+      name: request.name
+    }) : invoke$1('IconTheme.getFolderIcon', {
+      name: request.name
+    });
+  });
+  return Promise.all(promises);
 };
-const getVisibleItems$7 = (picks, minLineY, maxLineY, focusedIndex, setSize) => {
-  return [];
+
+const updateIconCache = (iconCache, missingRequests, newIcons) => {
+  if (missingRequests.length === 0) {
+    return iconCache;
+  }
+  const newFileIconCache = {
+    ...iconCache
+  };
+  for (let i = 0; i < missingRequests.length; i++) {
+    const request = missingRequests[i];
+    const icon = newIcons[i];
+    newFileIconCache[request.path] = icon;
+  }
+  return newFileIconCache;
 };
-const selectPick$7 = async item => {
+
+const getQuickPickFileIcons = async (provider, items, fileIconCache) => {
+  const dirents = items.map(item => {
+    const dirent = provider.getPickFileIcon?.(item) || emptyDirent;
+    return dirent;
+  });
+  const missingRequests = getMissingIconRequests(dirents, fileIconCache);
+  const newIcons = await requestFileIcons(missingRequests);
+  const newFileIconCache = updateIconCache(fileIconCache, missingRequests, newIcons);
+  const paths = dirents.map(file => file.path);
+  const icons = getIconsCached(paths, newFileIconCache);
   return {
-    command: Hide
+    icons,
+    newFileIconCache
   };
 };
-const getFilterValue$7 = value => {
-  return value;
-};
-const state$6 = {};
-const getPickDescription$5 = value => {
-  return '';
+
+const focusIndex = async (state, index) => {
+  const {
+    provider,
+    maxVisibleItems,
+    items,
+    minLineY,
+    maxLineY,
+    fileIconCache
+  } = state;
+  // TODO get types working
+  // @ts-ignore
+  if (provider.focusPick) {
+    // @ts-ignore
+    await provider.focusPick(items[index].pick);
+  }
+  if (index < minLineY + 1) {
+    const minLineY = index;
+    const maxLineY = Math.min(index + maxVisibleItems, items.length - 1);
+    const sliced = items.slice(minLineY, maxLineY);
+    const {
+      newFileIconCache,
+      icons
+    } = await getQuickPickFileIcons(provider, sliced, fileIconCache);
+
+    // TODO need to scroll up
+    return {
+      ...state,
+      minLineY,
+      maxLineY,
+      focusedIndex: index,
+      icons,
+      fileIconCache: newFileIconCache
+    };
+  }
+  if (index >= maxLineY - 1) {
+    // TODO need to scroll down
+    const maxLineY = index + 1;
+    const minLineY = Math.max(maxLineY - maxVisibleItems, 0);
+    const sliced = items.slice(minLineY, maxLineY);
+    const {
+      newFileIconCache,
+      icons
+    } = await getQuickPickFileIcons(provider, sliced, fileIconCache);
+    return {
+      ...state,
+      minLineY,
+      maxLineY,
+      focusedIndex: index,
+      fileIconCache: newFileIconCache,
+      icons
+    };
+  }
+  const sliced = items.slice(minLineY, maxLineY);
+  const {
+    newFileIconCache,
+    icons
+  } = await getQuickPickFileIcons(provider, sliced, fileIconCache);
+  return {
+    ...state,
+    focusedIndex: index,
+    fileIconCache: newFileIconCache,
+    icons
+  };
 };
-const isPrepared$5 = () => {
-  return false;
+
+const first = () => {
+  return 0;
 };
-const getPickFilterValue$6 = value => {
-  return value;
+const last = items => {
+  return items.length - 1;
 };
-const getPickLabel$5 = value => {
-  return value;
+const next = (items, index) => {
+  return (index + 1) % items.length;
 };
-const getPickIcon$5 = value => {
-  return '';
+const previous = (items, index) => {
+  return index === 0 ? items.length - 1 : index - 1;
 };
 
-const QuickPickEntriesSymbol = {
-  __proto__: null,
-  getFilterValue: getFilterValue$7,
-  getNoResults: getNoResults$7,
-  getPickDescription: getPickDescription$5,
-  getPickFilterValue: getPickFilterValue$6,
-  getPickIcon: getPickIcon$5,
-  getPickLabel: getPickLabel$5,
-  getPicks: getPicks$7,
-  getPlaceholder: getPlaceholder$7,
-  getVisibleItems: getVisibleItems$7,
-  isPrepared: isPrepared$5,
-  name: name$7,
-  selectPick: selectPick$7,
-  state: state$6
+const focusFirst = state => {
+  return focusIndex(state, first());
 };
 
-// TODO probably not needed
-
-const getPlaceholder$6 = () => {
-  return typeNameofCommandToRun();
-};
-const getHelpEntries$2 = () => {
-  return undefined;
-};
-const getPicks$6 = async () => {
-  // const views = ViewService.getViews()
-  // const picks = views.map(toPick)
-  // return picks
-  return [];
-};
-const selectPick$6 = async item => {
-  // Command.execute(/* openView */ 549, /* viewName */ item.label)
-  // return {
-  //   command: QuickPickReturnValue.Hide,
-  // }
+const focusLast = state => {
+  const {
+    items
+  } = state;
+  return focusIndex(state, last(items));
 };
-const getFilterValue$6 = value => {
-  return value;
+
+const focusNext = state => {
+  const {
+    items,
+    focusedIndex
+  } = state;
+  const nextIndex = next(items, focusedIndex);
+  return focusIndex(state, nextIndex);
 };
-const getPickFilterValue$5 = value => {
-  return value;
+
+const focusPrevious = state => {
+  const {
+    items,
+    focusedIndex
+  } = state;
+  const previousIndex = previous(items, focusedIndex);
+  return focusIndex(state, previousIndex);
 };
-const getPickLabel$4 = value => {
-  return value;
+
+const commandIds = ['close', 'dispose', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusPrevious', 'handleBeforeInput', 'handleBlur', 'handleClickAt', 'diff2', 'handleFocus', 'handleInput', 'handleWheel', 'renderEventListeners', 'selectCurrentIndex', 'selectIndex', 'selectItem', 'setValue'];
+
+const getCommandIds = () => {
+  return commandIds;
 };
-const getPickIcon$4 = value => {
-  return '';
-};
-const state$5 = {};
-const getNoResults$6 = () => {
-  return '';
-};
-const name$6 = '';
-const isPrepared$4 = () => {
-  return true;
-};
-const getPickDescription$4 = () => {
-  return '';
-};
-const getVisibleItems$6 = (picks, minLineY, maxLineY, focusedIndex, setSize) => {
-  const visibleItems = picks.map((pick, index) => ({
-    description: getPickDescription$4(),
-    fileIcon: '',
-    icon: getPickIcon$4(),
-    isActive: index + minLineY === focusedIndex,
-    label: getPickLabel$4(pick),
-    matches: [],
-    posInSet: index + minLineY + 1,
-    setSize
-  }));
-  return visibleItems;
+
+const Enter = 3;
+const Escape = 8;
+const PageUp = 10;
+const PageDown = 11;
+const UpArrow = 14;
+const DownArrow = 16;
+
+const FocusQuickPickInput = 20;
+
+const getKeyBindings = () => {
+  return [{
+    key: Escape,
+    command: 'Viewlet.closeWidget',
+    args: ['QuickPick'],
+    when: FocusQuickPickInput
+  }, {
+    key: UpArrow,
+    command: 'QuickPick.focusPrevious',
+    when: FocusQuickPickInput
+  }, {
+    key: DownArrow,
+    command: 'QuickPick.focusNext',
+    when: FocusQuickPickInput
+  }, {
+    key: PageUp,
+    command: 'QuickPick.focusFirst',
+    when: FocusQuickPickInput
+  }, {
+    key: PageDown,
+    command: 'QuickPick.focusLast',
+    when: FocusQuickPickInput
+  }, {
+    key: Enter,
+    command: 'QuickPick.selectCurrentIndex',
+    when: FocusQuickPickInput
+  }];
 };
 
-const QuickPickEntriesView = {
-  __proto__: null,
-  getFilterValue: getFilterValue$6,
-  getHelpEntries: getHelpEntries$2,
-  getNoResults: getNoResults$6,
-  getPickDescription: getPickDescription$4,
-  getPickFilterValue: getPickFilterValue$5,
-  getPickIcon: getPickIcon$4,
-  getPickLabel: getPickLabel$4,
-  getPicks: getPicks$6,
-  getPlaceholder: getPlaceholder$6,
-  getVisibleItems: getVisibleItems$6,
-  isPrepared: isPrepared$4,
-  name: name$6,
-  selectPick: selectPick$6,
-  state: state$5
+const InsertText = 'insertText';
+const DeleteContentBackward = 'deleteContentBackward';
+const DeleteContentForward = 'deleteContentForward';
+const DeleteWordForward = 'deleteWordForward';
+const DeleteWordBackward = 'deleteWordBackward';
+const InsertLineBreak = 'insertLineBreak';
+const InsertCompositionText = 'insertCompositionText';
+const InsertFromPaste = 'insertFromPaste';
+
+const RE_ALPHA_NUMERIC = /[a-z\d]/i;
+const isAlphaNumeric = character => {
+  return RE_ALPHA_NUMERIC.test(character);
 };
 
-const name$5 = 'workspace-symbol';
-const getPlaceholder$5 = () => {
-  return '';
+const getNewValueInsertText = (value, selectionStart, selectionEnd, data) => {
+  if (selectionStart === value.length) {
+    const newValue = value + data;
+    return {
+      newValue,
+      cursorOffset: newValue.length
+    };
+  }
+  const before = value.slice(0, selectionStart);
+  const after = value.slice(selectionEnd);
+  const newValue = before + data + after;
+  return {
+    newValue,
+    cursorOffset: selectionStart + data.length
+  };
 };
-const getNoResults$5 = () => {
+const getNewValueDeleteContentBackward = (value, selectionStart, selectionEnd, data) => {
+  const after = value.slice(selectionEnd);
+  if (selectionStart === selectionEnd) {
+    const before = value.slice(0, selectionStart - 1);
+    const newValue = before + after;
+    return {
+      newValue,
+      cursorOffset: before.length
+    };
+  }
+  const before = value.slice(0, selectionStart);
+  const newValue = before + after;
   return {
-    label: noWorkspaceSymbolsFound()
+    newValue,
+    cursorOffset: selectionStart
   };
 };
-const getPicks$5 = async () => {
-  const picks = [];
-  return picks;
+const getNewValueDeleteWordBackward = (value, selectionStart, selectionEnd, data) => {
+  const after = value.slice(selectionEnd);
+  if (selectionStart === selectionEnd) {
+    let startIndex = Math.max(selectionStart - 1, 0);
+    while (startIndex > 0 && isAlphaNumeric(value[startIndex])) {
+      startIndex--;
+    }
+    const before = value.slice(0, startIndex);
+    const newValue = before + after;
+    return {
+      newValue,
+      cursorOffset: before.length
+    };
+  }
+  const before = value.slice(0, selectionStart);
+  const newValue = before + after;
+  return {
+    newValue,
+    cursorOffset: selectionStart
+  };
 };
-const selectPick$5 = async item => {
+const getNewValueDeleteContentForward = (value, selectionStart, selectionEnd, data) => {
+  const before = value.slice(0, selectionStart);
+  if (selectionStart === selectionEnd) {
+    const after = value.slice(selectionEnd + 1);
+    const newValue = before + after;
+    return {
+      newValue,
+      cursorOffset: selectionStart
+    };
+  }
+  const after = value.slice(selectionEnd);
+  const newValue = before + after;
   return {
-    command: Hide
+    newValue,
+    cursorOffset: selectionStart
   };
 };
-const getFilterValue$5 = value => {
-  return value;
+const getNewValueDeleteWordForward = (value, selectionStart, selectionEnd, data) => {
+  const before = value.slice(0, selectionStart);
+  if (selectionStart === selectionEnd) {
+    let startIndex = Math.min(selectionStart + 1, value.length - 1);
+    while (startIndex < value.length && isAlphaNumeric(value[startIndex])) {
+      startIndex++;
+    }
+    const after = value.slice(startIndex);
+    const newValue = before + after;
+    return {
+      newValue,
+      cursorOffset: before.length
+    };
+  }
+  const after = value.slice(selectionEnd);
+  const newValue = before + after;
+  return {
+    newValue,
+    cursorOffset: selectionStart
+  };
 };
-const getVisibleItems$5 = (picks, minLineY, maxLineY, focusedIndex, setSize) => {
-  const visibleItems = picks.map((pick, index) => ({
-    description: '',
-    fileIcon: '',
-    icon: '',
-    isActive: index + minLineY === focusedIndex,
-    label: pick.label || '',
-    matches: [],
-    posInSet: index + minLineY + 1,
-    setSize
-  }));
-  return visibleItems;
+const getNewValueInsertCompositionText = (value, selectionStart, selectionEnd, data) => {
+  return getNewValueInsertText(value, selectionStart, selectionEnd, data);
 };
-
-const QuickPickEntriesWorkspaceSymbol = {
-  __proto__: null,
-  getFilterValue: getFilterValue$5,
-  getNoResults: getNoResults$5,
-  getPicks: getPicks$5,
-  getPlaceholder: getPlaceholder$5,
-  getVisibleItems: getVisibleItems$5,
-  name: name$5,
-  selectPick: selectPick$5
+const getNewValueInsertLineBreak = (value, selectionStart, selectionEnd, data) => {
+  return {
+    newValue: value,
+    cursorOffset: selectionEnd
+  };
 };
-
-const getQuickPickProvider = prefix => {
-  // TODO could use enum for prefix
-  // TODO could use regex to extract prefix
-  // TODO or could check first letter char code (less comparisons)
-  switch (prefix) {
-    case Command:
-      return QuickPickEntriesCommand;
-    case Symbol$1:
-      return QuickPickEntriesSymbol;
-    case WorkspaceSymbol$1:
-      return QuickPickEntriesWorkspaceSymbol;
-    case GoToLine:
-      return QuickPickEntriesGoToLine;
-    case View$1:
-      return QuickPickEntriesView;
+const getNewValueFunction = inputType => {
+  switch (inputType) {
+    case InsertFromPaste:
+    case InsertText:
+      return getNewValueInsertText;
+    case DeleteContentBackward:
+      return getNewValueDeleteContentBackward;
+    case DeleteContentForward:
+      return getNewValueDeleteContentForward;
+    case DeleteWordForward:
+      return getNewValueDeleteWordForward;
+    case DeleteWordBackward:
+      return getNewValueDeleteWordBackward;
+    case InsertLineBreak:
+      return getNewValueInsertLineBreak;
+    case InsertCompositionText:
+      return getNewValueInsertCompositionText;
     default:
-      return QuickPickEntriesFile;
+      throw new Error(`unsupported input type ${inputType}`);
   }
 };
 
-const name$4 = 'noop';
-const getPlaceholder$4 = () => {
-  return '';
-};
-const getNoResults$4 = () => {
-  return noResults();
-};
-const getPicks$4 = async value => {
-  return [];
+const getNewValue = (value, inputType, data, selectionStart, selectionEnd) => {
+  const fn = getNewValueFunction(inputType);
+  return fn(value, selectionStart, selectionEnd, data);
 };
-const selectPick$4 = async item => {
+
+const emptyMatches = [];
+
+const convertToPick = item => {
   return {
-    command: Hide
+    pick: item,
+    matches: emptyMatches
   };
 };
-const getFilterValue$4 = value => {
-  return value;
-};
-const getPickFilterValue$4 = pick => {
-  return pick;
-};
-const getVisibleItems$4 = (picks, minLineY, maxLineY, focusedIndex, setSize, icons) => {
-  return [];
-};
 
-const QuickPickNoop = {
-  __proto__: null,
-  getFilterValue: getFilterValue$4,
-  getNoResults: getNoResults$4,
-  getPickFilterValue: getPickFilterValue$4,
-  getPicks: getPicks$4,
-  getPlaceholder: getPlaceholder$4,
-  getVisibleItems: getVisibleItems$4,
-  name: name$4,
-  selectPick: selectPick$4
-};
+const Diagonal = 1;
+const Left = 2;
 
-// TODO avoid global variable
+// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
 
-const state$4 = {
-  // providerId: PROVIDER_NOOP,
-  provider: QuickPickNoop,
-  prefix: 'string-that-should-never-match-another-string'
+const createTable = size => {
+  const table = [];
+  for (let i = 0; i < size; i++) {
+    const row = new Uint8Array(size);
+    table.push(row);
+  }
+  return table;
+};
+const EmptyMatches = [];
+const Dash = '-';
+const Dot = '.';
+const EmptyString = '';
+const Space = ' ';
+const Underline = '_';
+const T = 't';
+const isLowerCase = char => {
+  return char === char.toLowerCase();
+};
+const isUpperCase = char => {
+  return char === char.toUpperCase();
 };
 
-/**
- * @type {string}
- */
-const name$3 = 'everything';
-const getPlaceholder$3 = () => {
-  return state$4.provider.getPlaceholder();
+// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
+const isGap = (columnCharBefore, columnChar) => {
+  switch (columnCharBefore) {
+    case Dash:
+    case Underline:
+    case EmptyString:
+    case T:
+    case Space:
+    case Dot:
+      return true;
+  }
+  if (isLowerCase(columnCharBefore) && isUpperCase(columnChar)) {
+    return true;
+  }
+  return false;
 };
-const getLabel$3 = () => {
-  return '';
+
+// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
+const getScore = (rowCharLow, rowChar, columnCharBefore, columnCharLow, columnChar, isDiagonalMatch) => {
+  if (rowCharLow !== columnCharLow) {
+    return -1;
+  }
+  const isMatch = rowChar === columnChar;
+  if (isMatch) {
+    if (isDiagonalMatch) {
+      return 8;
+    }
+    if (isGap(columnCharBefore, columnChar)) {
+      return 8;
+    }
+    return 5;
+  }
+  if (isGap(columnCharBefore, columnChar)) {
+    return 8;
+  }
+  return 5;
 };
-const getNoResults$3 = () => {
-  return state$4.provider.getNoResults();
+
+// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
+
+const isPatternInWord = (patternLow, patternPos, patternLen, wordLow, wordPos, wordLen) => {
+  while (patternPos < patternLen && wordPos < wordLen) {
+    if (patternLow[patternPos] === wordLow[wordPos]) {
+      patternPos += 1;
+    }
+    wordPos += 1;
+  }
+  return patternPos === patternLen; // pattern must be exhausted
 };
-const getPicks$3 = async value => {
-  const prefix = getQuickPickPrefix(value);
 
-  // TODO race condition
-  if (state$4.prefix !== prefix) {
-    state$4.prefix = prefix;
-    state$4.provider = await getQuickPickProvider(prefix);
+// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
+const traceHighlights = (table, arrows, patternLength, wordLength) => {
+  let row = patternLength;
+  let column = wordLength;
+  const matches = [];
+  while (row >= 1 && column >= 1) {
+    const arrow = arrows[row][column];
+    if (arrow === Left) {
+      column--;
+    } else if (arrow === Diagonal) {
+      row--;
+      column--;
+      const start = column + 1;
+      while (row >= 1 && column >= 1) {
+        const arrow = arrows[row][column];
+        if (arrow === Left) {
+          break;
+        }
+        if (arrow === Diagonal) {
+          row--;
+          column--;
+        }
+      }
+      const end = column;
+      matches.unshift(end, start);
+    }
   }
-  // TODO this line is a bit duplicated with getFilterValue
-  const slicedValue = value.slice(prefix.length).trimStart();
-  const picks = await state$4.provider.getPicks(slicedValue);
-  return picks;
+  matches.unshift(table[patternLength][wordLength - 1]);
+  return matches;
 };
-const selectPick$3 = item => {
-  const {
-    provider
-  } = state$4;
-  return provider.selectPick(item);
+
+// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
+const gridSize = 128;
+const table = createTable(gridSize);
+const arrows = createTable(gridSize);
+const fuzzySearch = (pattern, word) => {
+  const patternLength = Math.min(pattern.length, gridSize - 1);
+  const wordLength = Math.min(word.length, gridSize - 1);
+  const patternLower = pattern.toLowerCase();
+  const wordLower = word.toLowerCase();
+  if (!isPatternInWord(patternLower, 0, patternLength, wordLower, 0, wordLength)) {
+    return EmptyMatches;
+  }
+  let strongMatch = false;
+  for (let row = 1; row < patternLength + 1; row++) {
+    const rowChar = pattern[row - 1];
+    const rowCharLow = patternLower[row - 1];
+    for (let column = 1; column < wordLength + 1; column++) {
+      const columnChar = word[column - 1];
+      const columnCharLow = wordLower[column - 1];
+      const columnCharBefore = word[column - 2] || '';
+      const isDiagonalMatch = arrows[row - 1][column - 1] === Diagonal;
+      const score = getScore(rowCharLow, rowChar, columnCharBefore, columnCharLow, columnChar, isDiagonalMatch);
+      if (row === 1 && score > 5) {
+        strongMatch = true;
+      }
+      let diagonalScore = score + table[row - 1][column - 1];
+      if (isDiagonalMatch && score !== -1) {
+        diagonalScore += 2;
+      }
+      const leftScore = table[row][column - 1];
+      if (leftScore > diagonalScore) {
+        table[row][column] = leftScore;
+        arrows[row][column] = Left;
+      } else {
+        table[row][column] = diagonalScore;
+        arrows[row][column] = Diagonal;
+      }
+    }
+  }
+  if (!strongMatch) {
+    return EmptyMatches;
+  }
+  const highlights = traceHighlights(table, arrows, patternLength, wordLength);
+  return highlights;
 };
-const openCommandPalette = () => {
-  // show('>')
+
+const filterQuickPickItem = (pattern, word) => {
+  const matches = fuzzySearch(pattern, word);
+  return matches;
 };
-const openView = () => {
-  // show('view ')
+
+// TODO this should be in FileSystem module
+const pathBaseName = path => {
+  return path.slice(path.lastIndexOf('/') + 1);
 };
-const getFilterValue$3 = value => {
-  return value.slice(state$4.prefix.length).trim();
+
+// TODO this should be in FileSystem module
+const pathDirName = path => {
+  const pathSeparator = '/';
+  const index = path.lastIndexOf(pathSeparator);
+  if (index === -1) {
+    return '';
+  }
+  return path.slice(0, index);
 };
-const getPickFilterValue$3 = pick => {
-  const {
-    provider
-  } = state$4;
-  return provider.getPickFilterValue(pick);
+
+const filterQuickPickItems = (items, value, provider) => {
+  if (!value) {
+    return items.map(convertToPick);
+  }
+  const results = [];
+  for (const item of items) {
+    let filterValue = '';
+    if (provider) {
+      // @ts-ignore
+      filterValue = provider.getPickLabel(item);
+    } else {
+      filterValue = pathBaseName(item);
+    }
+    const matches = filterQuickPickItem(value, filterValue);
+    if (matches.length > 0) {
+      results.push({
+        pick: item,
+        matches
+      });
+    }
+  }
+  return results;
 };
-const getPickDescription$3 = pick => {
+
+// TODO when user types letters -> no need to query provider again -> just filter existing results
+const setValue = async (state, newValue) => {
   const {
-    provider
-  } = state$4;
-  // @ts-ignore
-  if (provider.getPickDescription) {
-    // @ts-ignore
-    return provider.getPickDescription(pick);
+    value,
+    provider,
+    minLineY,
+    maxLineY,
+    fileIconCache
+  } = state;
+  if (value === newValue) {
+    return state;
   }
-  return '';
-};
-const getPickLabel$3 = pick => {
+  const newPicks = await provider.getPicks(newValue);
+  const filterValue = provider.getFilterValue(newValue);
+  const items = filterQuickPickItems(newPicks, filterValue, provider);
+  const focusedIndex = items.length === 0 ? -1 : 0;
+  const sliced = newPicks.slice(minLineY, maxLineY);
   const {
-    provider
-  } = state$4;
-  // @ts-ignore
-  return provider.getPickLabel(pick);
+    newFileIconCache,
+    icons
+  } = await getQuickPickFileIcons(provider, sliced, fileIconCache);
+  return {
+    ...state,
+    picks: newPicks,
+    items,
+    focusedIndex,
+    inputSource: Script,
+    value: newValue,
+    icons,
+    fileIconCache: newFileIconCache
+  };
 };
-const getPickIcon$3 = pick => {
-  const {
-    provider
-  } = state$4;
-  // @ts-ignore
-  return provider.getPickIcon(pick);
+
+// TODO when user types letters -> no need to query provider again -> just filter existing results
+const handleInput = async (state, newValue, cursorOffset, inputSource = Script) => {
+  if (state.value === newValue) {
+    return state;
+  }
+  const newState = await setValue(state, newValue);
+  return {
+    ...newState,
+    cursorOffset,
+    inputSource
+  };
 };
-const getPickFileIcon$1 = pick => {
+
+const handleBeforeInput = (state, inputType, data, selectionStart, selectionEnd) => {
+  string(inputType);
+  number(selectionStart);
+  number(selectionEnd);
   const {
-    provider
-  } = state$4;
-  // @ts-ignore
-  if (provider.getPickFileIcon) {
-    // @ts-ignore
-    return provider.getPickFileIcon(pick);
+    value
+  } = state;
+  const {
+    newValue,
+    cursorOffset
+  } = getNewValue(value, inputType, data, selectionStart, selectionEnd);
+  return handleInput(state, newValue, cursorOffset, User);
+};
+
+const handleBlur = async state => {
+  // TODO fix virtual dom diffing so that input isn't destroyed and loses focus when rerendering
+  // await CloseWidget.closeWidget(state.uid)
+  return state;
+};
+
+const getPick = (items, index) => {
+  array(items);
+  number(index);
+  // if (index < state.recentPicks.length) {
+  //   return state.recentPicks[index]
+  // }
+  // index -= state.recentPicks.length
+  if (index < items.length) {
+    return items[index].pick;
   }
-  return undefined;
+  console.warn('no pick matching index', index);
 };
-const isPrepared$3 = () => {
+
+const selectIndex = async (state, index, button = /* left */0) => {
   const {
-    provider
-  } = state$4;
+    minLineY,
+    provider,
+    items
+  } = state;
+  const actualIndex = index + minLineY;
+  const pick = getPick(items, actualIndex);
   // @ts-ignore
-  if (provider.isPrepared) {
-    // @ts-ignore
-    return provider.isPrepared();
+  const selectPickResult = await provider.selectPick(pick, actualIndex, button);
+  object(selectPickResult);
+  string(selectPickResult.command);
+  const {
+    command
+  } = selectPickResult;
+  switch (command) {
+    case Hide:
+      await closeWidget(state.uid);
+      return state;
+    default:
+      return state;
   }
-  return false;
-};
-const getVisibleItems$3 = (picks, minLineY, maxLineY, focusedIndex, setSize, icons) => {
-  const items = picks.map(pick => pick.pick);
-  const visibleItems = state$4.provider.getVisibleItems(items, minLineY, maxLineY, focusedIndex, setSize, icons);
-  return visibleItems;
+
+  // TODO recent picks should be per provider
+  // if (!state.recentPickIds.has(pick.id)) {
+  //   state.recentPicks.unshift(pick)
+  //   state.recentPickIds.add(pick.id)
+  // }
+  // if (state.recentPicks.length > RECENT_PICKS_MAX_SIZE) {
+  //   const last = state.recentPicks.pop()
+  //   state.recentPickIds.delete(last.id)
+  // }
 };
 
-// provider
-// - create
-// - loadcontent
-// - filter
-// - getVisible
-
-// matches could be in loadcontent or getVisible
-
-const QuickPickEntriesEverything = {
-  __proto__: null,
-  getFilterValue: getFilterValue$3,
-  getLabel: getLabel$3,
-  getNoResults: getNoResults$3,
-  getPickDescription: getPickDescription$3,
-  getPickFileIcon: getPickFileIcon$1,
-  getPickFilterValue: getPickFilterValue$3,
-  getPickIcon: getPickIcon$3,
-  getPickLabel: getPickLabel$3,
-  getPicks: getPicks$3,
-  getPlaceholder: getPlaceholder$3,
-  getVisibleItems: getVisibleItems$3,
-  isPrepared: isPrepared$3,
-  name: name$3,
-  openCommandPalette,
-  openView,
-  selectPick: selectPick$3,
-  state: state$4
+const handleClickAt = (state, x, y) => {
+  const {
+    top,
+    headerHeight,
+    itemHeight
+  } = state;
+  const relativeY = y - top - headerHeight;
+  const index = Math.floor(relativeY / itemHeight);
+  return selectIndex(state, index);
 };
 
-const Default$1 = 0;
-const Finished = 2;
-
-const create$2 = () => {
-  const states = Object.create(null);
-  return {
-    get(uid) {
-      return states[uid];
-    },
-    set(uid, oldState, newState) {
-      states[uid] = {
-        oldState,
-        newState
-      };
-    },
-    remove(uid) {
-      delete states[uid];
-    }
-  };
+const setFocus = async focusKey => {
+  await invoke$1('Focus.setFocus', focusKey);
 };
 
-const {
-  get: get$1,
-  set,
-  remove
-} = create$2();
-
-const create$1 = ({
-  itemHeight,
-  headerHeight = 0,
-  minimumSliderSize = 20
-}) => {
-  return {
-    deltaY: 0,
-    minLineY: 0,
-    maxLineY: 0,
-    finalDeltaY: 0,
-    itemHeight,
-    headerHeight,
-    items: [],
-    minimumSliderSize,
-    focusedIndex: -1,
-    touchOffsetY: 0,
-    touchTimeStamp: 0,
-    touchDifference: 0,
-    scrollBarHeight: 0,
-    scrollBarActive: false
-  };
+const handleFocus = async state => {
+  // TODO fix virtual dom diffing so that input isn't destroyed and loses focus when rerendering
+  await setFocus(FocusQuickPickInput);
+  // await CloseWidget.closeWidget(state.uid)
+  return state;
 };
-const getListHeight = (height, headerHeight) => {
-  if (headerHeight) {
-    return height - headerHeight;
+
+const getDefaultValue = uri => {
+  switch (uri) {
+    case 'quickPick://everything':
+      return '>';
+    default:
+      return '';
   }
-  return headerHeight;
 };
-const setDeltaY = (state, deltaY) => {
-  object(state);
-  number(deltaY);
+
+const loadContent = async state => {
   const {
-    itemHeight,
-    items,
-    height,
-    headerHeight
+    uri,
+    args,
+    fileIconCache
   } = state;
-  const listHeight = getListHeight(height, headerHeight);
-  const itemsLength = items.length;
-  const finalDeltaY = itemsLength * itemHeight - listHeight;
-  if (deltaY < 0) {
-    deltaY = 0;
-  } else if (deltaY > finalDeltaY) {
-    deltaY = Math.max(finalDeltaY, 0);
-  }
-  if (state.deltaY === deltaY) {
-    return state;
+  const value = getDefaultValue(uri);
+  const provider = get$1(uri);
+  // @ts-ignore
+  if (provider.setArgs) {
+    // @ts-ignore
+    provider.setArgs(args);
   }
-  const minLineY = Math.round(deltaY / itemHeight);
-  const maxLineY = minLineY + Math.round(listHeight / itemHeight);
-  number(minLineY);
-  number(maxLineY);
+  const newPicks = await provider.getPicks(value);
+  array(newPicks);
+  const filterValue = provider.getFilterValue(value);
+  const items = filterQuickPickItems(newPicks, filterValue, provider);
+  const minLineY = 0;
+  const maxLineY = Math.min(minLineY + state.maxVisibleItems, newPicks.length);
+  const sliced = newPicks.slice(minLineY, maxLineY);
+  const {
+    newFileIconCache,
+    icons
+  } = await getQuickPickFileIcons(provider, sliced, fileIconCache);
   return {
     ...state,
-    deltaY,
+    picks: newPicks,
+    items,
+    focusedIndex: 0,
+    state: Finished,
     minLineY,
-    maxLineY
+    maxLineY,
+    value,
+    cursorOffset: value.length,
+    provider,
+    inputSource: Script,
+    focused: true,
+    fileIconCache: newFileIconCache,
+    icons
   };
 };
-const handleWheel = (state, deltaMode, deltaY) => {
-  object(state);
-  number(deltaMode);
-  number(deltaY);
-  return setDeltaY(state, state.deltaY + deltaY);
+
+const state$9 = {
+  menuEntries: []
+};
+const getAll = () => {
+  return state$9.menuEntries;
+};
+const add = menuEntries => {
+  state$9.menuEntries = [...state$9.menuEntries, ...menuEntries];
 };
 
-const create = (uid, uri, listItemHeight, x, y, width, height, platform, args) => {
-  const state = {
-    uid,
-    icons: [],
-    state: Default$1,
-    picks: [],
-    recentPicks: [],
-    recentPickIds: new Map(),
-    // TODO use object.create(null) instead
-    versionId: 0,
-    provider: QuickPickEntriesEverything,
-    // TODO make this dynamic again
-    warned: [],
-    maxVisibleItems: 10,
-    uri,
-    cursorOffset: 0,
-    height: 300,
-    top: 50,
-    width: 600,
-    ...create$1({
-      itemHeight: listItemHeight,
-      headerHeight: 30,
-      minimumSliderSize: minimumSliderSize
-    }),
-    inputSource: User,
-    args,
-    focused: false,
-    platform,
-    value: '',
-    fileIconCache: Object.create(null)
+const getVisible = (provider, items, minLineY, maxLineY, focusedIndex, icons) => {
+  const setSize = items.length;
+  const range = items.slice(minLineY, maxLineY);
+  const visibleItems = provider.getVisibleItems(range, minLineY, maxLineY, focusedIndex, setSize, icons);
+  return visibleItems;
+};
+
+const createQuickPickViewModel = (oldState, newState) => {
+  const visibleItems = getVisible(newState.provider, newState.items, newState.minLineY, newState.maxLineY, newState.focusedIndex, newState.icons);
+  const oldFocusedIndex = oldState.focusedIndex - oldState.minLineY;
+  const newFocusedIndex = newState.focusedIndex - newState.minLineY;
+  const maxLineY = Math.min(newState.maxLineY, newState.items.length);
+  const itemCount = maxLineY - newState.minLineY;
+  const height = itemCount * newState.itemHeight;
+  return {
+    visibleItems,
+    value: newState.value,
+    cursorOffset: newState.cursorOffset,
+    focused: newState.focused,
+    height,
+    oldFocusedIndex,
+    newFocusedIndex,
+    uid: newState.uid
   };
-  set(uid, state, state);
 };
 
-const RenderItems = 1;
-const RenderFocus = 2;
-const RenderValue = 3;
-const RenderCursorOffset = 7;
-const RenderFocusedIndex = 8;
-const Height = 9;
+const SetCursorOffset = 'setCursorOffset';
+const SetFocusedIndex = 'setFocusedIndex';
+const SetItemsHeight = 'setItemsHeight';
+const SetValue = 'setValue';
 
-const diffType$4 = RenderFocus;
-const isEqual$4 = (oldState, newState) => {
-  return oldState.focused === newState.focused;
+const renderCursorOffset = newState => {
+  return ['Viewlet.send', newState.uid, /* method */SetCursorOffset, /* cursorOffset */newState.cursorOffset];
 };
 
-const diffType$3 = RenderFocusedIndex;
-const isEqual$3 = (oldState, newState) => {
-  return oldState.focusedIndex === newState.focusedIndex;
+const QuickPickInput = 'QuickPickInput';
+
+const renderFocus = newState => {
+  return ['Viewlet.focusElementByName', QuickPickInput];
 };
 
-const diffType$2 = Height;
-const isEqual$2 = (oldState, newState) => {
-  return oldState.items.length === newState.items.length;
+const renderFocusedIndex = newState => {
+  return ['Viewlet.send', newState.uid, /* method */SetFocusedIndex, /* oldFocusedIndex */newState.oldFocusedIndex, /* newFocusedIndex */newState.newFocusedIndex];
+};
+
+const renderHeight = newState => {
+  if (newState.height === 0) {
+    return ['Viewlet.send', newState.uid, /* method */SetItemsHeight, /* height */20];
+  }
+  return ['Viewlet.send', newState.uid, /* method */SetItemsHeight, /* height */newState.height];
 };
 
-const diffType$1 = RenderItems;
-const isEqual$1 = (oldState, newState) => {
-  return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.focusedIndex === newState.focusedIndex;
-};
+const ComboBox = 'combobox';
+const ListBox = 'listbox';
+const None$1 = 'none';
+const Option = 'option';
+
+const FileIcon = 'FileIcon';
+const InputBox = 'InputBox';
+const Label = 'Label';
+const QuickPick$1 = 'QuickPick';
+const QuickPickHeader = 'QuickPickHeader';
+const QuickPickHighlight = 'QuickPickHighlight';
+const QuickPickItem = 'QuickPickItem';
+const QuickPickItemActive$1 = 'QuickPickItemActive';
+const QuickPickItemDescription = 'QuickPickItemDescription';
+const QuickPickItemLabel = 'QuickPickItemLabel';
+const QuickPickItems$1 = 'QuickPickItems';
+const Viewlet = 'Viewlet';
+
+const HandleBeforeInput = 'handleBeforeInput';
+const HandleBlur = 'handleBlur';
+const HandleFocus = 'handleFocus';
+const HandleInput = 'handleInput';
+const HandlePointerDown = 'handlePointerDown';
+const HandleWheel = 'handleWheel';
 
-const diffType = RenderValue;
-const isEqual = (oldState, newState) => {
-  return newState.inputSource === User || oldState.value === newState.value;
-};
+const QuickPick = 'QuickPick';
+const QuickPickItems = 'QuickPickItems';
+const QuickPickItemActive = 'QuickPickItemActive';
 
-const modules = [isEqual$2, isEqual$1, isEqual, isEqual$3, isEqual$4];
-const numbers = [diffType$2, diffType$1, diffType, diffType$3, diffType$4];
+const Div = 4;
+const Input = 6;
+const Span = 8;
+const Img = 17;
 
-const diff = (oldState, newState) => {
-  const diffResult = [];
-  for (let i = 0; i < modules.length; i++) {
-    const fn = modules[i];
-    if (!fn(oldState, newState)) {
-      diffResult.push(numbers[i]);
-    }
-  }
-  return diffResult;
+const getQuickPickInputVirtualDom = () => {
+  const ariaLabel = typeNameofCommandToRun();
+  return {
+    type: Input,
+    className: InputBox,
+    spellcheck: false,
+    autocapitalize: 'off',
+    inputType: 'text',
+    childCount: 0,
+    role: ComboBox,
+    name: QuickPickInput,
+    onBeforeInput: HandleBeforeInput,
+    onBlur: HandleBlur,
+    onInput: HandleInput,
+    onFocus: HandleFocus,
+    ariaLabel: ariaLabel,
+    ariaAutoComplete: 'list',
+    ariaExpanded: true,
+    autocomplete: 'off'
+  };
 };
 
-const diff2 = uid => {
-  const {
-    oldState,
-    newState
-  } = get$1(uid);
-  return diff(oldState, newState);
+const getQuickPickHeaderVirtualDom = () => {
+  return [{
+    type: Div,
+    className: QuickPickHeader,
+    childCount: 1
+  }, getQuickPickInputVirtualDom()];
 };
 
-const dispose = uid => {
-  remove(uid);
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
 };
-
-const getIconsCached = (paths, fileIconCache) => {
-  return paths.map(path => fileIconCache[path]);
+const Text = 12;
+const text = data => {
+  return {
+    type: Text,
+    text: data,
+    childCount: 0
+  };
 };
 
-const getMissingIconRequests = (dirents, fileIconCache) => {
-  const missingRequests = [];
-  for (const dirent of dirents) {
-    if (!(dirent.path in fileIconCache)) {
-      missingRequests.push({
-        type: File$2,
-        name: dirent.name,
-        path: dirent.path
-      });
-    }
-  }
-  return missingRequests;
+const quickPickHighlight = {
+  type: Span,
+  className: QuickPickHighlight,
+  childCount: 1
 };
-
-const requestFileIcons = async requests => {
-  const promises = requests.map(request => {
-    if (!request.name) {
-      return '';
+const addHighlights = (dom, highlights, label) => {
+  const labelDom = {
+    type: Div,
+    className: QuickPickItemLabel,
+    childCount: 0
+  };
+  dom.push(labelDom);
+  let position = 0;
+  for (let i = 0; i < highlights.length; i += 2) {
+    const highlightStart = highlights[i];
+    const highlightEnd = highlights[i + 1];
+    if (position < highlightStart) {
+      const beforeText = label.slice(position, highlightStart);
+      labelDom.childCount++;
+      dom.push(text(beforeText));
     }
-    return request.type === File$2 ? invoke$1('IconTheme.getFileIcon', {
-      name: request.name
-    }) : invoke$1('IconTheme.getFolderIcon', {
-      name: request.name
-    });
-  });
-  return Promise.all(promises);
-};
-
-const updateIconCache = (iconCache, missingRequests, newIcons) => {
-  if (missingRequests.length === 0) {
-    return iconCache;
+    const highlightText = label.slice(highlightStart, highlightEnd);
+    labelDom.childCount++;
+    dom.push(quickPickHighlight, text(highlightText));
+    position = highlightEnd;
   }
-  const newFileIconCache = {
-    ...iconCache
-  };
-  for (let i = 0; i < missingRequests.length; i++) {
-    const request = missingRequests[i];
-    const icon = newIcons[i];
-    newFileIconCache[request.path] = icon;
+  if (position < label.length) {
+    const afterText = label.slice(position);
+    labelDom.childCount++;
+    dom.push(text(afterText));
   }
-  return newFileIconCache;
 };
 
-const emptyDirent = {
-  name: '',
-  path: '',
-  type: 0
-};
-const getQuickPickFileIcons = async (provider, items, fileIconCache) => {
-  const dirents = items.map(item => {
-    const dirent = provider.getPickFileIcon?.(item) || emptyDirent;
-    return dirent;
-  });
-  const missingRequests = getMissingIconRequests(dirents, fileIconCache);
-  const newIcons = await requestFileIcons(missingRequests);
-  const newFileIconCache = updateIconCache(fileIconCache, missingRequests, newIcons);
-  const paths = dirents.map(file => file.path);
-  const icons = getIconsCached(paths, newFileIconCache);
+const getFileIconVirtualDom = icon => {
   return {
-    icons,
-    newFileIconCache
+    type: Img,
+    className: FileIcon,
+    src: icon,
+    role: None$1,
+    childCount: 0
   };
 };
 
-const focusIndex = async (state, index) => {
+const getQuickPickItemVirtualDom = visibleItem => {
   const {
-    provider,
-    maxVisibleItems,
-    items,
-    minLineY,
-    maxLineY,
-    fileIconCache
-  } = state;
-  // TODO get types working
-  // @ts-ignore
-  if (provider.focusPick) {
+    posInSet,
+    label,
+    setSize,
+    isActive,
+    description,
+    icon,
+    matches,
+    fileIcon
+  } = visibleItem;
+  const highlights = matches.slice(1);
+  const dom = [];
+  dom.push({
+    type: Div,
+    className: QuickPickItem,
+    role: Option,
+    ariaPosInSet: posInSet,
+    ariaSetSize: setSize,
+    childCount: 1
+  });
+  const parent = dom[0];
+  if (isActive) {
     // @ts-ignore
-    await provider.focusPick(items[index].pick);
+    parent.id = 'QuickPickItemActive';
+    parent.className += ' ' + QuickPickItemActive$1;
   }
-  if (index < minLineY + 1) {
-    const minLineY = index;
-    const maxLineY = Math.min(index + maxVisibleItems, items.length - 1);
-    const sliced = items.slice(minLineY, maxLineY);
-    const {
-      newFileIconCache,
-      icons
-    } = await getQuickPickFileIcons(provider, sliced, fileIconCache);
-
-    // TODO need to scroll up
-    return {
-      ...state,
-      minLineY,
-      maxLineY,
-      focusedIndex: index,
-      icons,
-      fileIconCache: newFileIconCache
-    };
+  if (fileIcon) {
+    parent.childCount++;
+    dom.push(getFileIconVirtualDom(fileIcon));
+  } else if (icon) {
+    parent.childCount++;
+    dom.push({
+      type: Div,
+      className: mergeClassNames(`QuickPickMaskIcon`, 'MaskIcon', `MaskIcon${icon}`),
+      childCount: 0
+    });
   }
-  if (index >= maxLineY - 1) {
-    // TODO need to scroll down
-    const maxLineY = index + 1;
-    const minLineY = Math.max(maxLineY - maxVisibleItems, 0);
-    const sliced = items.slice(minLineY, maxLineY);
-    const {
-      newFileIconCache,
-      icons
-    } = await getQuickPickFileIcons(provider, sliced, fileIconCache);
-    return {
-      ...state,
-      minLineY,
-      maxLineY,
-      focusedIndex: index,
-      fileIconCache: newFileIconCache,
-      icons
-    };
+  addHighlights(dom, highlights, label);
+  if (description) {
+    parent.childCount++;
+    dom.push({
+      type: Div,
+      className: QuickPickItemDescription,
+      childCount: 1
+    }, text(description));
   }
-  const sliced = items.slice(minLineY, maxLineY);
-  const {
-    newFileIconCache,
-    icons
-  } = await getQuickPickFileIcons(provider, sliced, fileIconCache);
-  return {
-    ...state,
-    focusedIndex: index,
-    fileIconCache: newFileIconCache,
-    icons
-  };
+  return dom;
 };
 
-const first = () => {
-  return 0;
-};
-const last = items => {
-  return items.length - 1;
-};
-const next = (items, index) => {
-  return (index + 1) % items.length;
-};
-const previous = (items, index) => {
-  return index === 0 ? items.length - 1 : index - 1;
+const getQuickPickNoResultsVirtualDom = () => {
+  const noResults$1 = noResults();
+  return [{
+    type: Div,
+    className: 'QuickPickItem QuickPickItemActive QuickPickStatus',
+    childCount: 1
+  }, {
+    type: Div,
+    className: Label,
+    childCount: 1
+  }, text(noResults$1)];
 };
 
-const focusFirst = state => {
-  return focusIndex(state, first());
+const getQuickPickItemsVirtualDom = visibleItems => {
+  if (visibleItems.length === 0) {
+    return getQuickPickNoResultsVirtualDom();
+  }
+  const dom = visibleItems.flatMap(getQuickPickItemVirtualDom);
+  return dom;
 };
 
-const focusLast = state => {
-  const {
-    items
-  } = state;
-  return focusIndex(state, last(items));
+const getQuickPickVirtualDom = visibleItems => {
+  const quickOpen$1 = quickOpen();
+  return [{
+    type: Div,
+    className: mergeClassNames(Viewlet, QuickPick$1),
+    childCount: 2,
+    id: QuickPick,
+    ariaLabel: quickOpen$1
+  }, ...getQuickPickHeaderVirtualDom(), {
+    type: Div,
+    className: QuickPickItems$1,
+    id: QuickPickItems,
+    role: ListBox,
+    ariaActivedescendant: QuickPickItemActive,
+    onWheel: HandleWheel,
+    childCount: visibleItems.length
+  }, ...getQuickPickItemsVirtualDom(visibleItems)];
 };
 
-const focusNext = state => {
-  const {
-    items,
-    focusedIndex
-  } = state;
-  const nextIndex = next(items, focusedIndex);
-  return focusIndex(state, nextIndex);
+const renderItems = newState => {
+  const dom = getQuickPickVirtualDom(newState.visibleItems);
+  return ['Viewlet.setDom2', dom];
 };
 
-const focusPrevious = state => {
-  const {
-    items,
-    focusedIndex
-  } = state;
-  const previousIndex = previous(items, focusedIndex);
-  return focusIndex(state, previousIndex);
+const renderValue = newState => {
+  return ['Viewlet.send', newState.uid, /* method */SetValue, /* value */newState.value];
 };
 
-const commandIds = ['close', 'dispose', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusPrevious', 'handleBeforeInput', 'handleBlur', 'handleClickAt', 'diff2', 'handleFocus', 'handleInput', 'handleWheel', 'renderEventListeners', 'selectCurrentIndex', 'selectIndex', 'selectItem', 'setValue'];
-
-const getCommandIds = () => {
-  return commandIds;
+const getRenderer = diffType => {
+  switch (diffType) {
+    case RenderValue:
+      return renderValue;
+    case RenderCursorOffset:
+      return renderCursorOffset;
+    case RenderItems:
+      return renderItems;
+    case RenderFocusedIndex:
+      return renderFocusedIndex;
+    case Height:
+      return renderHeight;
+    case RenderFocus:
+      return renderFocus;
+    default:
+      throw new Error('unknown renderer');
+  }
 };
 
-const Enter = 3;
-const Escape = 8;
-const PageUp = 10;
-const PageDown = 11;
-const UpArrow = 14;
-const DownArrow = 16;
+const applyRender = (oldState, newState, diffResult) => {
+  const commands = [];
+  const viewModel = createQuickPickViewModel(oldState, newState);
+  for (const item of diffResult) {
+    if (item === Height) {
+      continue;
+    }
+    if (item === RenderFocusedIndex) {
+      continue;
+    }
+    const fn = getRenderer(item);
+    commands.push(fn(viewModel));
+  }
+  return commands;
+};
 
-const FocusQuickPickInput = 20;
+const render2 = (uid, diffResult) => {
+  const {
+    oldState,
+    newState
+  } = get(uid);
+  if (oldState === newState) {
+    return [];
+  }
+  set(uid, newState, newState);
+  const commands = applyRender(oldState, newState, diffResult);
+  return commands;
+};
 
-const getKeyBindings = () => {
+const renderEventListeners = () => {
   return [{
-    key: Escape,
-    command: 'Viewlet.closeWidget',
-    args: ['QuickPick'],
-    when: FocusQuickPickInput
+    name: HandlePointerDown,
+    params: ['handlePointerDown', 'event.clientX', 'event.clientY'],
+    preventDefault: true
   }, {
-    key: UpArrow,
-    command: 'QuickPick.focusPrevious',
-    when: FocusQuickPickInput
+    name: HandleWheel,
+    params: ['handleWheel', 'event.deltaMode', 'event.deltaY']
   }, {
-    key: DownArrow,
-    command: 'QuickPick.focusNext',
-    when: FocusQuickPickInput
+    name: HandleBlur,
+    params: ['handleBlur']
   }, {
-    key: PageUp,
-    command: 'QuickPick.focusFirst',
-    when: FocusQuickPickInput
+    name: HandleBeforeInput,
+    params: ['handleBeforeInput']
   }, {
-    key: PageDown,
-    command: 'QuickPick.focusLast',
-    when: FocusQuickPickInput
+    name: HandleInput,
+    params: ['handleInput', 'event.target.value']
   }, {
-    key: Enter,
-    command: 'QuickPick.selectCurrentIndex',
-    when: FocusQuickPickInput
+    name: HandleFocus,
+    params: ['handleFocus']
   }];
 };
 
-const InsertText = 'insertText';
-const DeleteContentBackward = 'deleteContentBackward';
-const DeleteContentForward = 'deleteContentForward';
-const DeleteWordForward = 'deleteWordForward';
-const DeleteWordBackward = 'deleteWordBackward';
-const InsertLineBreak = 'insertLineBreak';
-const InsertCompositionText = 'insertCompositionText';
-const InsertFromPaste = 'insertFromPaste';
-
-const RE_ALPHA_NUMERIC = /[a-z\d]/i;
-const isAlphaNumeric = character => {
-  return RE_ALPHA_NUMERIC.test(character);
+const selectCurrentIndex = state => {
+  return selectIndex(state, state.focusedIndex);
+};
+
+const findLabelIndex = (items, label) => {
+  for (let i = 0; i < items.length; i++) {
+    if (items[i].pick.label === label) {
+      return i;
+    }
+  }
+  return -1;
+};
+
+const selectItem = async (state, label) => {
+  string(label);
+  const index = findLabelIndex(state.items, label);
+  if (index === -1) {
+    return state;
+  }
+  return selectIndex(state, index);
+};
+
+const wrapCommand = fn => {
+  const wrapped = async (uid, ...args) => {
+    const {
+      newState
+    } = get(uid);
+    const newerState = await fn(newState, ...args);
+    if (newState === newerState) {
+      return;
+    }
+    const latest = get(uid);
+    set(uid, latest.oldState, newerState);
+  };
+  return wrapped;
+};
+
+const commandMap = {
+  'QuickPick.addMenuEntries': add,
+  'QuickPick.close': close,
+  'QuickPick.create2': create,
+  'QuickPick.diff2': diff2,
+  'QuickPick.dispose': dispose,
+  'QuickPick.focusFirst': wrapCommand(focusFirst),
+  'QuickPick.focusIndex': wrapCommand(focusIndex),
+  'QuickPick.focusLast': wrapCommand(focusLast),
+  'QuickPick.focusNext': wrapCommand(focusNext),
+  'QuickPick.focusPrevious': wrapCommand(focusPrevious),
+  'QuickPick.getCommandIds': getCommandIds,
+  'QuickPick.getKeyBindings': getKeyBindings,
+  'QuickPick.handleBeforeInput': wrapCommand(handleBeforeInput),
+  'QuickPick.handleBlur': wrapCommand(handleBlur),
+  'QuickPick.handleClickAt': wrapCommand(handleClickAt),
+  'QuickPick.handleFocus': wrapCommand(handleFocus),
+  'QuickPick.handleInput': wrapCommand(handleInput),
+  'QuickPick.handleWheel': wrapCommand(handleWheel),
+  'QuickPick.loadContent': wrapCommand(loadContent),
+  'QuickPick.render2': render2,
+  'QuickPick.renderEventListeners': renderEventListeners,
+  'QuickPick.selectCurrentIndex': wrapCommand(selectCurrentIndex),
+  'QuickPick.selectIndex': wrapCommand(selectIndex),
+  'QuickPick.selectItem': wrapCommand(selectItem),
+  'QuickPick.setDeltaY': wrapCommand(setDeltaY),
+  'QuickPick.setValue': wrapCommand(setValue),
+  // deprecated
+  'QuickPick.loadEntries2': get$1
+};
+
+const getColorThemeNames = async () => {
+  return invoke$1(/* Ajax.getJson */'ColorTheme.getColorThemeNames');
+};
+
+const getPickDescription$c = value => {
+  return '';
+};
+const getPickIcon$d = pick => {
+  return '';
+};
+const getPickLabel$d = pick => {
+  return pick;
+};
+const getVisibleItems$f = (picks, minLineY, maxLineY, focusedIndex, setSize, icons) => {
+  const visibleItems = picks.map((pick, index) => ({
+    description: getPickDescription$c(),
+    fileIcon: '',
+    icon: getPickIcon$d(),
+    isActive: index + minLineY === focusedIndex,
+    label: getPickLabel$d(pick),
+    matches: [],
+    posInSet: index + minLineY + 1,
+    setSize
+  }));
+  return visibleItems;
+};
+
+const setColorTheme = id => {
+  return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
 };
-
-const getNewValueInsertText = (value, selectionStart, selectionEnd, data) => {
-  if (selectionStart === value.length) {
-    const newValue = value + data;
-    return {
-      newValue,
-      cursorOffset: newValue.length
-    };
-  }
-  const before = value.slice(0, selectionStart);
-  const after = value.slice(selectionEnd);
-  const newValue = before + data + after;
-  return {
-    newValue,
-    cursorOffset: selectionStart + data.length
-  };
+const getPlaceholder$7 = () => {
+  return selectColorTheme();
 };
-const getNewValueDeleteContentBackward = (value, selectionStart, selectionEnd, data) => {
-  const after = value.slice(selectionEnd);
-  if (selectionStart === selectionEnd) {
-    const before = value.slice(0, selectionStart - 1);
-    const newValue = before + after;
-    return {
-      newValue,
-      cursorOffset: before.length
-    };
-  }
-  const before = value.slice(0, selectionStart);
-  const newValue = before + after;
-  return {
-    newValue,
-    cursorOffset: selectionStart
-  };
+const getLabel$4 = () => {
+  return selectColorTheme();
 };
-const getNewValueDeleteWordBackward = (value, selectionStart, selectionEnd, data) => {
-  const after = value.slice(selectionEnd);
-  if (selectionStart === selectionEnd) {
-    let startIndex = Math.max(selectionStart - 1, 0);
-    while (startIndex > 0 && isAlphaNumeric(value[startIndex])) {
-      startIndex--;
-    }
-    const before = value.slice(0, startIndex);
-    const newValue = before + after;
-    return {
-      newValue,
-      cursorOffset: before.length
-    };
-  }
-  const before = value.slice(0, selectionStart);
-  const newValue = before + after;
-  return {
-    newValue,
-    cursorOffset: selectionStart
-  };
+const getPicks$7 = async searchValue => {
+  const colorThemeNames = await getColorThemeNames();
+  return colorThemeNames;
 };
-const getNewValueDeleteContentForward = (value, selectionStart, selectionEnd, data) => {
-  const before = value.slice(0, selectionStart);
-  if (selectionStart === selectionEnd) {
-    const after = value.slice(selectionEnd + 1);
-    const newValue = before + after;
-    return {
-      newValue,
-      cursorOffset: selectionStart
-    };
-  }
-  const after = value.slice(selectionEnd);
-  const newValue = before + after;
+const getVisibleItems$e = getVisibleItems$f;
+const selectPick$7 = async pick => {
+  await setColorTheme(/* colorThemeId */pick);
   return {
-    newValue,
-    cursorOffset: selectionStart
+    command: Hide
   };
 };
-const getNewValueDeleteWordForward = (value, selectionStart, selectionEnd, data) => {
-  const before = value.slice(0, selectionStart);
-  if (selectionStart === selectionEnd) {
-    let startIndex = Math.min(selectionStart + 1, value.length - 1);
-    while (startIndex < value.length && isAlphaNumeric(value[startIndex])) {
-      startIndex++;
-    }
-    const after = value.slice(startIndex);
-    const newValue = before + after;
-    return {
-      newValue,
-      cursorOffset: before.length
-    };
-  }
-  const after = value.slice(selectionEnd);
-  const newValue = before + after;
-  return {
-    newValue,
-    cursorOffset: selectionStart
-  };
+const focusPick = async pick => {
+  await setColorTheme(/* colorThemeId */pick);
 };
-const getNewValueInsertCompositionText = (value, selectionStart, selectionEnd, data) => {
-  return getNewValueInsertText(value, selectionStart, selectionEnd, data);
+const getFilterValue$7 = value => {
+  return value;
 };
-const getNewValueInsertLineBreak = (value, selectionStart, selectionEnd, data) => {
+const getNoResults$7 = () => {
   return {
-    newValue: value,
-    cursorOffset: selectionEnd
+    label: noMatchingColorThemesFound()
   };
 };
-const getNewValueFunction = inputType => {
-  switch (inputType) {
-    case InsertFromPaste:
-    case InsertText:
-      return getNewValueInsertText;
-    case DeleteContentBackward:
-      return getNewValueDeleteContentBackward;
-    case DeleteContentForward:
-      return getNewValueDeleteContentForward;
-    case DeleteWordForward:
-      return getNewValueDeleteWordForward;
-    case DeleteWordBackward:
-      return getNewValueDeleteWordBackward;
-    case InsertLineBreak:
-      return getNewValueInsertLineBreak;
-    case InsertCompositionText:
-      return getNewValueInsertCompositionText;
-    default:
-      throw new Error(`unsupported input type ${inputType}`);
-  }
+const getPickFilterValue$7 = pick => {
+  return pick;
 };
-
-const getNewValue = (value, inputType, data, selectionStart, selectionEnd) => {
-  const fn = getNewValueFunction(inputType);
-  return fn(value, selectionStart, selectionEnd, data);
+const getPickLabel$c = pick => {
+  return pick;
 };
-
-const emptyMatches = [];
-
-const convertToPick = item => {
-  return {
-    pick: item,
-    matches: emptyMatches
-  };
+const getPickIcon$c = pick => {
+  return '';
+};
+const state$8 = {};
+const getPickDescription$b = value => {
+  return '';
+};
+const isPrepared$7 = () => {
+  return false;
+};
+const name$7 = '';
+const getHelpEntries$2 = () => {
+  return [];
 };
 
-const Diagonal = 1;
-const Left = 2;
-
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
+const QuickPickEntriesColorTheme = {
+  __proto__: null,
+  focusPick,
+  getFilterValue: getFilterValue$7,
+  getHelpEntries: getHelpEntries$2,
+  getLabel: getLabel$4,
+  getNoResults: getNoResults$7,
+  getPickDescription: getPickDescription$b,
+  getPickFilterValue: getPickFilterValue$7,
+  getPickIcon: getPickIcon$c,
+  getPickLabel: getPickLabel$c,
+  getPicks: getPicks$7,
+  getPlaceholder: getPlaceholder$7,
+  getVisibleItems: getVisibleItems$e,
+  isPrepared: isPrepared$7,
+  name: name$7,
+  selectPick: selectPick$7,
+  setColorTheme,
+  state: state$8
+};
 
-const createTable = size => {
-  const table = [];
-  for (let i = 0; i < size; i++) {
-    const row = new Uint8Array(size);
-    table.push(row);
-  }
-  return table;
+const handleError = async (error, notify = true, prefix = '') => {
+  console.error(error);
 };
-const EmptyMatches = [];
-const Dash = '-';
-const Dot = '.';
-const EmptyString = '';
-const Space = ' ';
-const Underline = '_';
-const T = 't';
-const isLowerCase = char => {
-  return char === char.toLowerCase();
+const showErrorDialog = async error => {
+  const code = error.code;
+  const message = error.message;
+  const stack = error.stack;
+  const name = error.name;
+  const errorInfo = {
+    code,
+    message,
+    stack,
+    name
+  };
+  await invoke$1('ErrorHandling.showErrorDialog', errorInfo);
 };
-const isUpperCase = char => {
-  return char === char.toUpperCase();
+const warn = (...args) => {
+  console.warn(...args);
 };
 
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
-const isGap = (columnCharBefore, columnChar) => {
-  switch (columnCharBefore) {
-    case Dash:
-    case Underline:
-    case EmptyString:
-    case T:
-    case Space:
-    case Dot:
-      return true;
-  }
-  if (isLowerCase(columnCharBefore) && isUpperCase(columnChar)) {
-    return true;
-  }
-  return false;
+const getPickIcon$b = () => {
+  return '';
 };
-
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
-const getScore = (rowCharLow, rowChar, columnCharBefore, columnCharLow, columnChar, isDiagonalMatch) => {
-  if (rowCharLow !== columnCharLow) {
-    return -1;
-  }
-  const isMatch = rowChar === columnChar;
-  if (isMatch) {
-    if (isDiagonalMatch) {
-      return 8;
-    }
-    if (isGap(columnCharBefore, columnChar)) {
-      return 8;
-    }
-    return 5;
-  }
-  if (isGap(columnCharBefore, columnChar)) {
-    return 8;
-  }
-  return 5;
+const getPickLabel$b = pick => {
+  return pick.label;
+};
+const getVisibleItems$d = (picks, minLineY, maxLineY, focusedIndex, setSize, icons) => {
+  const visibleItems = picks.map((pick, index) => ({
+    description: pick.description || '',
+    fileIcon: '',
+    icon: getPickIcon$b(),
+    isActive: index + minLineY === focusedIndex,
+    label: getPickLabel$b(pick),
+    matches: [],
+    posInSet: index + minLineY + 1,
+    setSize
+  }));
+  return visibleItems;
 };
 
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
-
-const isPatternInWord = (patternLow, patternPos, patternLen, wordLow, wordPos, wordLen) => {
-  while (patternPos < patternLen && wordPos < wordLen) {
-    if (patternLow[patternPos] === wordLow[wordPos]) {
-      patternPos += 1;
-    }
-    wordPos += 1;
-  }
-  return patternPos === patternLen; // pattern must be exhausted
+const name$6 = 'command';
+const state$7 = {};
+const isPrepared$6 = () => {
+  return false;
 };
-
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
-const traceHighlights = (table, arrows, patternLength, wordLength) => {
-  let row = patternLength;
-  let column = wordLength;
-  const matches = [];
-  while (row >= 1 && column >= 1) {
-    const arrow = arrows[row][column];
-    if (arrow === Left) {
-      column--;
-    } else if (arrow === Diagonal) {
-      row--;
-      column--;
-      const start = column + 1;
-      while (row >= 1 && column >= 1) {
-        const arrow = arrows[row][column];
-        if (arrow === Left) {
-          break;
-        }
-        if (arrow === Diagonal) {
-          row--;
-          column--;
-        }
-      }
-      const end = column;
-      matches.unshift(end, start);
-    }
-  }
-  matches.unshift(table[patternLength][wordLength - 1]);
-  return matches;
+const getPickDescription$a = () => {
+  return '';
+};
+const getPlaceholder$6 = () => {
+  return typeNameofCommandToRun();
+};
+const getLabel$3 = () => {
+  return '';
+};
+const getNoResults$6 = () => {
+  return {
+    label: noMatchingResults()
+  };
 };
 
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
-const gridSize = 128;
-const table = createTable(gridSize);
-const arrows = createTable(gridSize);
-const fuzzySearch = (pattern, word) => {
-  const patternLength = Math.min(pattern.length, gridSize - 1);
-  const wordLength = Math.min(word.length, gridSize - 1);
-  const patternLower = pattern.toLowerCase();
-  const wordLower = word.toLowerCase();
-  if (!isPatternInWord(patternLower, 0, patternLength, wordLower, 0, wordLength)) {
-    return EmptyMatches;
+// TODO combine Ajax with cache (specify strategy: cacheFirst, networkFirst)
+const getBuiltinPicks = async () => {
+  const builtinPicks = getAll();
+  return builtinPicks;
+};
+const prefixIdWithExt = item => {
+  if (!item.label) {
+    warn('[QuickPick] item has missing label', item);
   }
-  let strongMatch = false;
-  for (let row = 1; row < patternLength + 1; row++) {
-    const rowChar = pattern[row - 1];
-    const rowCharLow = patternLower[row - 1];
-    for (let column = 1; column < wordLength + 1; column++) {
-      const columnChar = word[column - 1];
-      const columnCharLow = wordLower[column - 1];
-      const columnCharBefore = word[column - 2] || '';
-      const isDiagonalMatch = arrows[row - 1][column - 1] === Diagonal;
-      const score = getScore(rowCharLow, rowChar, columnCharBefore, columnCharLow, columnChar, isDiagonalMatch);
-      if (row === 1 && score > 5) {
-        strongMatch = true;
-      }
-      let diagonalScore = score + table[row - 1][column - 1];
-      if (isDiagonalMatch && score !== -1) {
-        diagonalScore += 2;
-      }
-      const leftScore = table[row][column - 1];
-      if (leftScore > diagonalScore) {
-        table[row][column] = leftScore;
-        arrows[row][column] = Left;
-      } else {
-        table[row][column] = diagonalScore;
-        arrows[row][column] = Diagonal;
-      }
-    }
+  if (!item.id) {
+    warn('[QuickPick] item has missing id', item);
   }
-  if (!strongMatch) {
-    return EmptyMatches;
+  return {
+    ...item,
+    id: `ext.${item.id}`,
+    label: item.label || item.id
+  };
+};
+const getExtensionPicks = async () => {
+  try {
+    // TODO don't call this every time
+    const extensionPicks = await invoke$1('ExtensionHost.getCommands');
+    if (!extensionPicks) {
+      return [];
+    }
+    const mappedPicks = extensionPicks.map(prefixIdWithExt);
+    return mappedPicks;
+  } catch (error) {
+    console.error(`Failed to get extension picks: ${error}`);
+    return [];
   }
-  const highlights = traceHighlights(table, arrows, patternLength, wordLength);
-  return highlights;
 };
 
-const filterQuickPickItem = (pattern, word) => {
-  const matches = fuzzySearch(pattern, word);
-  return matches;
-};
+// TODO send strings to renderer process only once for next occurrence send uint16array of ids of strings
 
-const filterQuickPickItems = (items, value, provider) => {
-  if (!value) {
-    return items.map(convertToPick);
-  }
-  const results = [];
-  for (const item of items) {
-    let filterValue = '';
-    if (provider) {
-      filterValue = provider.getPickLabel(item);
-    } else {
-      filterValue = pathBaseName(item);
-    }
-    const matches = filterQuickPickItem(value, filterValue);
-    if (matches.length > 0) {
-      results.push({
-        pick: item,
-        matches
-      });
-    }
+const getPicks$6 = async () => {
+  const builtinPicks = await getBuiltinPicks();
+  const extensionPicks = await getExtensionPicks();
+  const allPicks = [...builtinPicks, ...extensionPicks];
+  return allPicks;
+};
+const getVisibleItems$c = getVisibleItems$d;
+const shouldHide = item => {
+  if (item.id === 'Viewlet.openWidget' && item.args[0] === 'QuickPick') {
+    return false;
   }
-  return results;
+  return true;
 };
-
-// TODO when user types letters -> no need to query provider again -> just filter existing results
-const setValue = async (state, newValue) => {
-  const {
-    value,
-    provider,
-    minLineY,
-    maxLineY,
-    fileIconCache
-  } = state;
-  if (value === newValue) {
-    return state;
+const selectPickBuiltin = async item => {
+  const args = item.args || [];
+  // TODO ids should be all numbers for efficiency -> also directly can call command
+  await invoke$1(item.id, ...args);
+  if (shouldHide(item)) {
+    return {
+      command: Hide
+    };
   }
-  const newPicks = await provider.getPicks(newValue);
-  const filterValue = provider.getFilterValue(newValue);
-  const items = filterQuickPickItems(newPicks, filterValue, provider);
-  const focusedIndex = items.length === 0 ? -1 : 0;
-  const sliced = newPicks.slice(minLineY, maxLineY);
-  const {
-    newFileIconCache,
-    icons
-  } = await getQuickPickFileIcons(provider, sliced, fileIconCache);
   return {
-    ...state,
-    picks: newPicks,
-    items,
-    focusedIndex,
-    inputSource: Script,
-    value: newValue,
-    icons,
-    fileIconCache: newFileIconCache
+    command: KeepOpen
   };
 };
-
-// TODO when user types letters -> no need to query provider again -> just filter existing results
-const handleInput = async (state, newValue, cursorOffset, inputSource = Script) => {
-  if (state.value === newValue) {
-    return state;
+const selectPickExtension = async item => {
+  const id = item.id.slice(4); // TODO lots of string allocation with 'ext.' find a better way to separate builtin commands from extension commands
+  try {
+    await invoke$1('ExtensionHost.executeCommand', id);
+  } catch (error) {
+    await handleError(error, false);
+    await showErrorDialog(error);
   }
-  const newState = await setValue(state, newValue);
   return {
-    ...newState,
-    cursorOffset,
-    inputSource
+    command: Hide
   };
 };
+const selectPick$6 = async item => {
+  if (item.id.startsWith('ext.')) {
+    return selectPickExtension(item);
+  }
+  return selectPickBuiltin(item);
+};
+const getFilterValue$6 = value => {
+  return value.trim();
+};
+const getPickFilterValue$6 = pick => {
+  return pick.label;
+};
+const getPickLabel$a = pick => {
+  return pick.label;
+};
+const getPickIcon$a = () => {
+  return '';
+};
 
-const handleBeforeInput = (state, inputType, data, selectionStart, selectionEnd) => {
-  string(inputType);
-  number(selectionStart);
-  number(selectionEnd);
-  const {
-    value
-  } = state;
-  const {
-    newValue,
-    cursorOffset
-  } = getNewValue(value, inputType, data, selectionStart, selectionEnd);
-  return handleInput(state, newValue, cursorOffset, User);
+const QuickPickEntriesCommand = {
+  __proto__: null,
+  getFilterValue: getFilterValue$6,
+  getLabel: getLabel$3,
+  getNoResults: getNoResults$6,
+  getPickDescription: getPickDescription$a,
+  getPickFilterValue: getPickFilterValue$6,
+  getPickIcon: getPickIcon$a,
+  getPickLabel: getPickLabel$a,
+  getPicks: getPicks$6,
+  getPlaceholder: getPlaceholder$6,
+  getVisibleItems: getVisibleItems$c,
+  isPrepared: isPrepared$6,
+  name: name$6,
+  selectPick: selectPick$6,
+  state: state$7
 };
 
-const handleBlur = async state => {
-  // TODO fix virtual dom diffing so that input isn't destroyed and loses focus when rerendering
-  // await CloseWidget.closeWidget(state.uid)
-  return state;
-};
+const Tag$1 = 'Tag';
+const Cloud$1 = 'Cloud';
+const SourceControl$1 = 'SourceControl';
+const None = '';
 
-const getPick = (items, index) => {
-  array(items);
-  number(index);
-  // if (index < state.recentPicks.length) {
-  //   return state.recentPicks[index]
-  // }
-  // index -= state.recentPicks.length
-  if (index < items.length) {
-    return items[index].pick;
-  }
-  console.warn('no pick matching index', index);
-};
+const SourceControl = 1;
+const Cloud = 2;
+const Tag = 3;
 
-const selectIndex = async (state, index, button = /* left */0) => {
-  const {
-    minLineY,
-    provider,
-    items
-  } = state;
-  const actualIndex = index + minLineY;
-  const pick = getPick(items, actualIndex);
-  // @ts-ignore
-  const selectPickResult = await provider.selectPick(pick, actualIndex, button);
-  object(selectPickResult);
-  string(selectPickResult.command);
-  const {
-    command
-  } = selectPickResult;
-  switch (command) {
-    case Hide:
-      await closeWidget(state.uid);
-      return state;
+const getPickDescription$9 = pick => {
+  return pick.description || '';
+};
+const getPickLabel$9 = pick => {
+  return pick.label;
+};
+const convertIcon$1 = icon => {
+  switch (icon) {
+    case SourceControl:
+      return SourceControl$1;
+    case Cloud:
+      return Cloud$1;
+    case Tag:
+      return Tag$1;
     default:
-      return state;
+      return None;
   }
-
-  // TODO recent picks should be per provider
-  // if (!state.recentPickIds.has(pick.id)) {
-  //   state.recentPicks.unshift(pick)
-  //   state.recentPickIds.add(pick.id)
-  // }
-  // if (state.recentPicks.length > RECENT_PICKS_MAX_SIZE) {
-  //   const last = state.recentPicks.pop()
-  //   state.recentPickIds.delete(last.id)
-  // }
 };
-
-const handleClickAt = (state, x, y) => {
-  const {
-    top,
-    headerHeight,
-    itemHeight
-  } = state;
-  const relativeY = y - top - headerHeight;
-  const index = Math.floor(relativeY / itemHeight);
-  return selectIndex(state, index);
+const getPickIcon$9 = pick => {
+  return convertIcon$1(pick.icon);
+};
+const getVisibleItems$b = (picks, minLineY, maxLineY, focusedIndex, setSize, icons) => {
+  const visibleItems = picks.slice(minLineY, maxLineY + 1).map((pick, index) => ({
+    description: getPickDescription$9(pick),
+    fileIcon: '',
+    icon: getPickIcon$9(pick),
+    isActive: index + minLineY === focusedIndex,
+    label: getPickLabel$9(pick),
+    matches: [],
+    posInSet: index + minLineY + 1,
+    setSize
+  }));
+  return visibleItems;
 };
 
-const setFocus = async focusKey => {
-  await invoke$1('Focus.setFocus', focusKey);
+const name$5 = 'custom';
+const state$6 = {
+  args: []
+};
+const setArgs = args => {
+  state$6.args = args;
+};
+const getPlaceholder$5 = () => {
+  return '';
+};
+const getLabel$2 = () => {
+  return 'Custom';
 };
 
-const handleFocus = async state => {
-  if (state.focused) {
-    return state;
-  }
-  // TODO fix virtual dom diffing so that input isn't destroyed and loses focus when rerendering
-  await setFocus(FocusQuickPickInput);
-  // await CloseWidget.closeWidget(state.uid)
+// TODO help entries should not be here
+const getHelpEntries$1 = () => {
+  return [];
+};
+const getNoResults$5 = () => {
   return {
-    ...state,
-    focused: true
+    label: noMatchingResults()
   };
 };
-
-const getDefaultValue = uri => {
-  switch (uri) {
-    case 'quickPick://everything':
-      return '>';
+const getPicks$5 = async searchValue => {
+  const items = state$6.args[1] || [];
+  return items;
+};
+const selectPick$5 = async pick => {
+  const {
+    args
+  } = state$6;
+  const resolve = args[2];
+  resolve(pick);
+  return {
+    command: Hide
+  };
+};
+const getFilterValue$5 = value => {
+  return value;
+};
+const getPickFilterValue$5 = pick => {
+  return pick;
+};
+const getPickLabel$8 = pick => {
+  return pick.label;
+};
+const getPickDescription$8 = pick => {
+  return pick.description || '';
+};
+const convertIcon = icon => {
+  switch (icon) {
+    case SourceControl:
+      return SourceControl$1;
+    case Cloud:
+      return Cloud$1;
+    case Tag:
+      return Tag$1;
     default:
-      return '';
+      return None;
   }
 };
-
-const state$3 = Object.create(null);
-const register = modules => {
-  Object.assign(state$3, modules);
+const getPickIcon$8 = pick => {
+  return convertIcon(pick.icon);
 };
-const get = moduleId => {
-  const module = state$3[moduleId];
-  if (!module) {
-    throw new Error(`unknown module "${moduleId}"`);
-  }
-  return module;
+const isPrepared$5 = () => {
+  return true;
 };
+const getVisibleItems$a = getVisibleItems$b;
 
-const loadContent = async state => {
-  const {
-    uri,
-    args,
-    fileIconCache
-  } = state;
-  const value = getDefaultValue(uri);
-  const provider = get(uri);
-  // @ts-ignore
-  if (provider.setArgs) {
-    // @ts-ignore
-    provider.setArgs(args);
+const QuickPickEntriesCustom = {
+  __proto__: null,
+  getFilterValue: getFilterValue$5,
+  getHelpEntries: getHelpEntries$1,
+  getLabel: getLabel$2,
+  getNoResults: getNoResults$5,
+  getPickDescription: getPickDescription$8,
+  getPickFilterValue: getPickFilterValue$5,
+  getPickIcon: getPickIcon$8,
+  getPickLabel: getPickLabel$8,
+  getPicks: getPicks$5,
+  getPlaceholder: getPlaceholder$5,
+  getVisibleItems: getVisibleItems$a,
+  isPrepared: isPrepared$5,
+  name: name$5,
+  selectPick: selectPick$5,
+  setArgs,
+  state: state$6
+};
+
+const RE_PROTOCOL = /^([a-z-]+):\/\//;
+const getProtocol = uri => {
+  const protocolMatch = uri.match(RE_PROTOCOL);
+  if (protocolMatch) {
+    return protocolMatch[1];
   }
-  const newPicks = await provider.getPicks(value);
-  array(newPicks);
-  const filterValue = provider.getFilterValue(value);
-  const items = filterQuickPickItems(newPicks, filterValue, provider);
-  const minLineY = 0;
-  const maxLineY = Math.min(minLineY + state.maxVisibleItems, newPicks.length);
-  const sliced = newPicks.slice(minLineY, maxLineY);
-  const {
-    newFileIconCache,
-    icons
-  } = await getQuickPickFileIcons(provider, sliced, fileIconCache);
-  return {
-    ...state,
-    picks: newPicks,
-    items,
-    focusedIndex: 0,
-    state: Finished,
-    minLineY,
-    maxLineY,
-    value,
-    cursorOffset: value.length,
-    provider,
-    inputSource: Script,
-    focused: true,
-    fileIconCache: newFileIconCache,
-    icons
-  };
+  return '';
 };
 
-const getVisible = (provider, items, minLineY, maxLineY, focusedIndex, icons) => {
-  const setSize = items.length;
-  const range = items.slice(minLineY, maxLineY);
-  const visibleItems = provider.getVisibleItems(range, minLineY, maxLineY, focusedIndex, setSize, icons);
+const getVisibleItems$9 = (files, minLineY, maxLineY, focusedIndex, setSize, icons) => {
+  const visibleItems = files.map((item, i) => {
+    const pick = item.pick;
+    const label = getPickLabel$7(pick);
+    const description = getPickDescription$7(pick);
+    const icon = getPickIcon$7();
+    const fileIcon = icons[i];
+    return {
+      label,
+      description,
+      icon,
+      fileIcon,
+      posInSet: minLineY + i + 1,
+      setSize,
+      isActive: i === focusedIndex,
+      matches: item.matches
+    };
+  });
   return visibleItems;
 };
-
-const createQuickPickViewModel = (oldState, newState) => {
-  const visibleItems = getVisible(newState.provider, newState.items, newState.minLineY, newState.maxLineY, newState.focusedIndex, newState.icons);
-  const oldFocusedIndex = oldState.focusedIndex - oldState.minLineY;
-  const newFocusedIndex = newState.focusedIndex - newState.minLineY;
-  const maxLineY = Math.min(newState.maxLineY, newState.items.length);
-  const itemCount = maxLineY - newState.minLineY;
-  const height = itemCount * newState.itemHeight;
-  return {
-    visibleItems,
-    value: newState.value,
-    cursorOffset: newState.cursorOffset,
-    focused: newState.focused,
-    height,
-    oldFocusedIndex,
-    newFocusedIndex,
-    uid: newState.uid
-  };
+const getPickLabel$7 = pick => {
+  if (typeof pick === 'object') {
+    pick = pick.pick;
+  }
+  const baseName = pathBaseName(pick);
+  return baseName;
 };
-
-const SetCursorOffset = 'setCursorOffset';
-const SetFocusedIndex = 'setFocusedIndex';
-const SetItemsHeight = 'setItemsHeight';
-const SetValue = 'setValue';
-
-const renderCursorOffset = newState => {
-  return ['Viewlet.send', newState.uid, /* method */SetCursorOffset, /* cursorOffset */newState.cursorOffset];
+const getPickDescription$7 = pick => {
+  if (typeof pick === 'object') {
+    pick = pick.pick;
+  }
+  const dirName = pathDirName(pick);
+  return dirName;
 };
-
-const QuickPickInput = 'QuickPickInput';
-
-const renderFocus = newState => {
-  return ['Viewlet.focusElementByName', QuickPickInput];
+const getPickIcon$7 = () => {
+  return '';
 };
 
-const renderFocusedIndex = newState => {
-  return ['Viewlet.send', newState.uid, /* method */SetFocusedIndex, /* oldFocusedIndex */newState.oldFocusedIndex, /* newFocusedIndex */newState.newFocusedIndex];
+const getWorkspacePath = async () => {
+  return invoke$1('Workspace.getPath');
 };
 
-const renderHeight = newState => {
-  if (newState.height === 0) {
-    return ['Viewlet.send', newState.uid, /* method */SetItemsHeight, /* height */20];
-  }
-  return ['Viewlet.send', newState.uid, /* method */SetItemsHeight, /* height */newState.height];
+const openUri = async uri => {
+  await invoke$1(/* Main.openUri */'Main.openUri', /* uri */uri);
 };
 
-const ComboBox = 'combobox';
-const ListBox = 'listbox';
-const None$1 = 'none';
-const Option = 'option';
-
-const FileIcon = 'FileIcon';
-const InputBox = 'InputBox';
-const Label = 'Label';
-const QuickPick$1 = 'QuickPick';
-const QuickPickHeader = 'QuickPickHeader';
-const QuickPickHighlight = 'QuickPickHighlight';
-const QuickPickItem = 'QuickPickItem';
-const QuickPickItemActive$1 = 'QuickPickItemActive';
-const QuickPickItemDescription = 'QuickPickItemDescription';
-const QuickPickItemLabel = 'QuickPickItemLabel';
-const QuickPickItems$1 = 'QuickPickItems';
-const Viewlet = 'Viewlet';
-
-const HandleBeforeInput = 'handleBeforeInput';
-const HandleBlur = 'handleBlur';
-const HandleFocus = 'handleFocus';
-const HandleInput = 'handleInput';
-const HandlePointerDown = 'handlePointerDown';
-const HandleWheel = 'handleWheel';
-
-const QuickPick = 'QuickPick';
-const QuickPickItems = 'QuickPickItems';
-const QuickPickItemActive = 'QuickPickItemActive';
-
-const Div = 4;
-const Input = 6;
-const Span = 8;
-const Img = 17;
-
-const getQuickPickInputVirtualDom = () => {
-  const ariaLabel = typeNameofCommandToRun();
-  return {
-    type: Input,
-    className: InputBox,
-    spellcheck: false,
-    autocapitalize: 'off',
-    inputType: 'text',
-    childCount: 0,
-    role: ComboBox,
-    name: QuickPickInput,
-    onBeforeInput: HandleBeforeInput,
-    onBlur: HandleBlur,
-    onInput: HandleInput,
-    onFocus: HandleFocus,
-    ariaLabel: ariaLabel,
-    ariaAutoComplete: 'list',
-    ariaExpanded: true,
-    autocomplete: 'off'
-  };
+const state$5 = Object.create(null);
+const register = modules => {
+  Object.assign(state$5, modules);
+};
+const getModule = protocol => {
+  return state$5[protocol];
 };
 
-const getQuickPickHeaderVirtualDom = () => {
-  return [{
-    type: Div,
-    className: QuickPickHeader,
-    childCount: 1
-  }, getQuickPickInputVirtualDom()];
+const searchFile$5 = async (path, value, prepare, assetDir) => {
+  const protocol = getProtocol(path);
+  // TODO call different providers depending on protocol
+  const fn = getModule(protocol);
+  const result = await fn(path, value, prepare, assetDir);
+  return result;
 };
 
-const mergeClassNames = (...classNames) => {
-  return classNames.filter(Boolean).join(' ');
+const state$4 = {};
+const searchFile$4 = async (path, value) => {
+  const prepare = true;
+  // @ts-ignore
+  const files = await searchFile$5(/* path */path, /* searchTerm */value, prepare);
+  return files;
 };
-const Text = 12;
-const text = data => {
-  return {
-    type: Text,
-    text: data,
-    childCount: 0
-  };
+const name$4 = 'file';
+const getPlaceholder$4 = () => {
+  return '';
 };
-
-const quickPickHighlight = {
-  type: Span,
-  className: QuickPickHighlight,
-  childCount: 1
+const getLabel$1 = () => {
+  return files();
 };
-const addHighlights = (dom, highlights, label) => {
-  const labelDom = {
-    type: Div,
-    className: QuickPickItemLabel,
-    childCount: 0
+const getNoResults$4 = () => {
+  return {
+    label: noMatchingResults()
   };
-  dom.push(labelDom);
-  let position = 0;
-  for (let i = 0; i < highlights.length; i += 2) {
-    const highlightStart = highlights[i];
-    const highlightEnd = highlights[i + 1];
-    if (position < highlightStart) {
-      const beforeText = label.slice(position, highlightStart);
-      labelDom.childCount++;
-      dom.push(text(beforeText));
-    }
-    const highlightText = label.slice(highlightStart, highlightEnd);
-    labelDom.childCount++;
-    dom.push(quickPickHighlight, text(highlightText));
-    position = highlightEnd;
-  }
-  if (position < label.length) {
-    const afterText = label.slice(position);
-    labelDom.childCount++;
-    dom.push(text(afterText));
+};
+const getPicks$4 = async searchValue => {
+  // TODO cache workspace path
+  const workspace = await getWorkspacePath();
+  if (!workspace) {
+    return [];
   }
+  const files = await searchFile$4(workspace, searchValue);
+  return files;
 };
-
-const getFileIconVirtualDom = icon => {
+const selectPick$4 = async pick => {
+  if (typeof pick === 'object') {
+    pick = pick.pick;
+  }
+  const workspace = await getWorkspacePath();
+  const absolutePath = `${workspace}/${pick}`;
+  await openUri(absolutePath);
   return {
-    type: Img,
-    className: FileIcon,
-    src: icon,
-    role: None$1,
-    childCount: 0
+    command: Hide
   };
 };
-
-const getQuickPickItemVirtualDom = visibleItem => {
-  const {
-    posInSet,
-    label,
-    setSize,
-    isActive,
-    description,
-    icon,
-    matches,
-    fileIcon
-  } = visibleItem;
-  const highlights = matches.slice(1);
-  const dom = [];
-  dom.push({
-    type: Div,
-    className: QuickPickItem,
-    role: Option,
-    ariaPosInSet: posInSet,
-    ariaSetSize: setSize,
-    childCount: 1
-  });
-  const parent = dom[0];
-  if (isActive) {
-    // @ts-ignore
-    parent.id = 'QuickPickItemActive';
-    parent.className += ' ' + QuickPickItemActive$1;
+const getFilterValue$4 = value => {
+  return value;
+};
+const getPickFilterValue$4 = pick => {
+  if (typeof pick === 'object') {
+    pick = pick.pick;
   }
-  if (fileIcon) {
-    parent.childCount++;
-    dom.push(getFileIconVirtualDom(fileIcon));
-  } else if (icon) {
-    parent.childCount++;
-    dom.push({
-      type: Div,
-      className: mergeClassNames(`QuickPickMaskIcon`, 'MaskIcon', `MaskIcon${icon}`),
-      childCount: 0
-    });
+  return pick;
+};
+const getPickLabel$6 = pick => {
+  if (typeof pick === 'object') {
+    pick = pick.pick;
   }
-  addHighlights(dom, highlights, label);
-  if (description) {
-    parent.childCount++;
-    dom.push({
-      type: Div,
-      className: QuickPickItemDescription,
-      childCount: 1
-    }, text(description));
+  const baseName = pathBaseName(pick);
+  return baseName;
+};
+const getPickDescription$6 = pick => {
+  if (typeof pick === 'object') {
+    pick = pick.pick;
   }
-  return dom;
+  const dirName = pathDirName(pick);
+  return dirName;
+};
+const getPickIcon$6 = () => {
+  return '';
+};
+const getPickFileIcon$2 = pick => {
+  if (typeof pick === 'object') {
+    pick = pick.pick;
+  }
+  if (typeof pick === 'object') {
+    pick = pick.pick;
+  }
+  const baseName = pathBaseName(pick);
+  return {
+    type: File$1,
+    name: baseName,
+    path: pick
+  };
+};
+const isPrepared$4 = () => {
+  const workspace = '';
+  // TODO protocol should always be defined. For files it should use file protocol
+  const protocol = getProtocol(workspace);
+  return !protocol;
 };
+const getVisibleItems$8 = getVisibleItems$9;
 
-const getQuickPickNoResultsVirtualDom = () => {
-  const noResults$1 = noResults();
-  return [{
-    type: Div,
-    className: 'QuickPickItem QuickPickItemActive QuickPickStatus',
-    childCount: 1
-  }, {
-    type: Div,
-    className: Label,
-    childCount: 1
-  }, text(noResults$1)];
+const QuickPickEntriesFile = {
+  __proto__: null,
+  getFilterValue: getFilterValue$4,
+  getLabel: getLabel$1,
+  getNoResults: getNoResults$4,
+  getPickDescription: getPickDescription$6,
+  getPickFileIcon: getPickFileIcon$2,
+  getPickFilterValue: getPickFilterValue$4,
+  getPickIcon: getPickIcon$6,
+  getPickLabel: getPickLabel$6,
+  getPicks: getPicks$4,
+  getPlaceholder: getPlaceholder$4,
+  getVisibleItems: getVisibleItems$8,
+  isPrepared: isPrepared$4,
+  name: name$4,
+  selectPick: selectPick$4,
+  state: state$4
 };
 
-const getQuickPickItemsVirtualDom = visibleItems => {
-  if (visibleItems.length === 0) {
-    return getQuickPickNoResultsVirtualDom();
-  }
-  const dom = visibleItems.flatMap(getQuickPickItemVirtualDom);
-  return dom;
+const getRecentlyOpened = () => {
+  return invoke$1(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
 };
 
-const getQuickPickVirtualDom = visibleItems => {
-  const quickOpen$1 = quickOpen();
-  return [{
-    type: Div,
-    className: mergeClassNames(Viewlet, QuickPick$1),
-    childCount: 2,
-    id: QuickPick,
-    ariaLabel: quickOpen$1
-  }, ...getQuickPickHeaderVirtualDom(), {
-    type: Div,
-    className: QuickPickItems$1,
-    id: QuickPickItems,
-    role: ListBox,
-    ariaActivedescendant: QuickPickItemActive,
-    onWheel: HandleWheel,
-    childCount: visibleItems.length
-  }, ...getQuickPickItemsVirtualDom(visibleItems)];
+const getPickDescription$5 = pick => {
+  return pathDirName(pick);
 };
-
-const renderItems = newState => {
-  const dom = getQuickPickVirtualDom(newState.visibleItems);
-  return ['Viewlet.setDom2', dom];
+const getPickIcon$5 = () => {
+  return '';
 };
-
-const renderValue = newState => {
-  return ['Viewlet.send', newState.uid, /* method */SetValue, /* value */newState.value];
+const getPickLabel$5 = pick => {
+  return pathBaseName(pick);
 };
-
-const getRenderer = diffType => {
-  switch (diffType) {
-    case RenderValue:
-      return renderValue;
-    case RenderCursorOffset:
-      return renderCursorOffset;
-    case RenderItems:
-      return renderItems;
-    case RenderFocusedIndex:
-      return renderFocusedIndex;
-    case Height:
-      return renderHeight;
-    case RenderFocus:
-      return renderFocus;
-    default:
-      throw new Error('unknown renderer');
+const getPickFileIcon$1 = pick => {
+  if (typeof pick === 'object') {
+    pick = pick.pick;
   }
-};
-
-const applyRender = (oldState, newState, diffResult) => {
-  const commands = [];
-  const viewModel = createQuickPickViewModel(oldState, newState);
-  for (const item of diffResult) {
-    if (item === Height) {
-      continue;
-    }
-    if (item === RenderFocusedIndex) {
-      continue;
-    }
-    const fn = getRenderer(item);
-    commands.push(fn(viewModel));
+  if (typeof pick === 'object') {
+    pick = pick.pick;
   }
-  return commands;
+  return {
+    type: Directory,
+    name: pick
+  };
 };
-
-const render2 = (uid, diffResult) => {
-  const {
-    oldState,
-    newState
-  } = get$1(uid);
-  set(uid, newState, newState);
-  const commands = applyRender(oldState, newState, diffResult);
-  return commands;
+const getVisibleItems$7 = (picks, minLineY, maxLineY, focusedIndex, setSize) => {
+  const visibleItems = picks.map((pick, index) => ({
+    description: getPickDescription$5(pick),
+    fileIcon: getPickFileIcon$1(pick),
+    icon: getPickIcon$5(),
+    isActive: index + minLineY === focusedIndex,
+    label: getPickLabel$5(pick),
+    matches: [],
+    posInSet: index + minLineY + 1,
+    setSize
+  }));
+  return visibleItems;
 };
 
-const renderEventListeners = () => {
-  return [{
-    name: HandlePointerDown,
-    params: ['handlePointerDown', 'event.clientX', 'event.clientY'],
-    preventDefault: true
-  }, {
-    name: HandleWheel,
-    params: ['handleWheel', 'event.deltaMode', 'event.deltaY']
-  }, {
-    name: HandleBlur,
-    params: ['handleBlur']
-  }, {
-    name: HandleBeforeInput,
-    params: ['handleBeforeInput']
-  }, {
-    name: HandleInput,
-    params: ['handleInput', 'event.target.value']
-  }, {
-    name: HandleFocus,
-    params: ['handleFocus']
-  }];
+const openWorkspaceFolder = uri => {
+  return invoke$1(/* Workspace.setPath */'Workspace.setPath', /* path */uri);
 };
 
-const selectCurrentIndex = state => {
-  return selectIndex(state, state.focusedIndex);
+const getPlaceholder$3 = () => {
+  return selectToOpen();
 };
-
-const findLabelIndex = (items, label) => {
-  for (let i = 0; i < items.length; i++) {
-    if (items[i].pick.label === label) {
-      return i;
-    }
-  }
-  return -1;
+const getLabel = () => {
+  return openRecent();
+};
+const getNoResults$3 = () => {
+  return {
+    label: noRecentlyOpenedFoldersFound()
+  };
 };
 
-const selectItem = async (state, label) => {
-  string(label);
-  const index = findLabelIndex(state.items, label);
-  if (index === -1) {
-    return state;
-  }
-  return selectIndex(state, index);
+// TODO could also change api so that getPicks returns an array of anything
+// and the transformPick gets the label for each pick
+// This would make the code more module since the code for getting the picks
+// would be more independent of the specific data format of the quickpick provider
+
+const getPicks$3 = async () => {
+  const recentlyOpened = await getRecentlyOpened();
+  return recentlyOpened;
 };
+const getVisibleItems$6 = getVisibleItems$7;
 
-const wrapCommand = fn => {
-  const wrapped = async (uid, ...args) => {
-    const {
-      newState
-    } = get$1(uid);
-    const newerState = await fn(newState, ...args);
-    if (newState === newerState) {
-      return;
-    }
-    const latest = get$1(uid);
-    const merged = {
-      ...latest.newState,
-      ...newerState
-    };
-    set(uid, latest.newState, merged);
+// TODO selectPick should be independent of show/hide
+const selectPick$3 = async pick => {
+  const path = pick;
+  await openWorkspaceFolder(path);
+  return {
+    command: Hide
   };
-  return wrapped;
 };
+const getFilterValue$3 = value => {
+  return pathBaseName(value);
+};
+const getPickFilterValue$3 = pick => {
+  return pathBaseName(pick);
+};
+const getPickLabel$4 = pick => {
+  return pathBaseName(pick);
+};
+const getPickDescription$4 = pick => {
+  return pathDirName(pick);
+};
+const getPickIcon$4 = () => {
+  return '';
+};
+const getPickFileIcon = pick => {
+  if (typeof pick === 'object') {
+    pick = pick.pick;
+  }
+  if (typeof pick === 'object') {
+    pick = pick.pick;
+  }
+  return {
+    type: Directory,
+    name: pick
+  };
+};
+const state$3 = {};
+const isPrepared$3 = () => {
+  return false;
+};
+const name$3 = '';
 
-const commandMap = {
-  'QuickPick.addMenuEntries': add,
-  'QuickPick.close': close,
-  'QuickPick.create2': create,
-  'QuickPick.diff2': diff2,
-  'QuickPick.dispose': dispose,
-  'QuickPick.focusFirst': wrapCommand(focusFirst),
-  'QuickPick.focusIndex': wrapCommand(focusIndex),
-  'QuickPick.focusLast': wrapCommand(focusLast),
-  'QuickPick.focusNext': wrapCommand(focusNext),
-  'QuickPick.focusPrevious': wrapCommand(focusPrevious),
-  'QuickPick.getCommandIds': getCommandIds,
-  'QuickPick.getKeyBindings': getKeyBindings,
-  'QuickPick.handleBeforeInput': wrapCommand(handleBeforeInput),
-  'QuickPick.handleBlur': wrapCommand(handleBlur),
-  'QuickPick.handleClickAt': wrapCommand(handleClickAt),
-  'QuickPick.handleFocus': wrapCommand(handleFocus),
-  'QuickPick.handleInput': wrapCommand(handleInput),
-  'QuickPick.handleWheel': wrapCommand(handleWheel),
-  'QuickPick.loadContent': wrapCommand(loadContent),
-  'QuickPick.loadEntries2': get,
-  'QuickPick.render2': render2,
-  'QuickPick.renderEventListeners': renderEventListeners,
-  'QuickPick.selectCurrentIndex': wrapCommand(selectCurrentIndex),
-  'QuickPick.selectIndex': wrapCommand(selectIndex),
-  'QuickPick.selectItem': wrapCommand(selectItem),
-  'QuickPick.setDeltaY': wrapCommand(setDeltaY),
-  'QuickPick.setValue': wrapCommand(setValue)
+const QuickPickEntriesOpenRecent = {
+  __proto__: null,
+  getFilterValue: getFilterValue$3,
+  getLabel,
+  getNoResults: getNoResults$3,
+  getPickDescription: getPickDescription$4,
+  getPickFileIcon,
+  getPickFilterValue: getPickFilterValue$3,
+  getPickIcon: getPickIcon$4,
+  getPickLabel: getPickLabel$4,
+  getPicks: getPicks$3,
+  getPlaceholder: getPlaceholder$3,
+  getVisibleItems: getVisibleItems$6,
+  isPrepared: isPrepared$3,
+  name: name$3,
+  selectPick: selectPick$3,
+  state: state$3
 };
 
-const getColorThemeNames = async () => {
-  return invoke$1(/* Ajax.getJson */'ColorTheme.getColorThemeNames');
+const getVisibleItems$5 = (picks, minLineY, maxLineY, focusedIndex, setSize) => {
+  return [];
 };
 
-const setColorTheme = id => {
-  return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
-};
+const name$2 = 'symbol';
 const getPlaceholder$2 = () => {
-  return selectColorTheme();
-};
-const getLabel$2 = () => {
-  return selectColorTheme();
+  return '';
 };
-const getPicks$2 = async searchValue => {
-  const colorThemeNames = await getColorThemeNames();
-  return colorThemeNames;
+const getNoResults$2 = () => {
+  return {
+    label: noSymbolFound()
+  };
 };
-const getVisibleItems$2 = (picks, minLineY, maxLineY, focusedIndex, setSize, icons) => {
-  const visibleItems = picks.map((pick, index) => ({
-    description: getPickDescription$2(),
-    fileIcon: '',
-    icon: getPickIcon$2(),
-    isActive: index + minLineY === focusedIndex,
-    label: getPickLabel$2(pick),
-    matches: [],
-    posInSet: index + minLineY + 1,
-    setSize
-  }));
-  return visibleItems;
+const getPicks$2 = async () => {
+  const picks = [];
+  return picks;
 };
-const selectPick$2 = async pick => {
-  await setColorTheme(/* colorThemeId */pick);
+const getVisibleItems$4 = getVisibleItems$5;
+const selectPick$2 = async item => {
   return {
     command: Hide
   };
 };
-const focusPick = async pick => {
-  await setColorTheme(/* colorThemeId */pick);
-};
 const getFilterValue$2 = value => {
   return value;
 };
-const getNoResults$2 = () => {
-  return {
-    label: noMatchingColorThemesFound()
-  };
-};
-const getPickFilterValue$2 = pick => {
-  return pick;
-};
-const getPickLabel$2 = pick => {
-  return pick;
-};
-const getPickIcon$2 = pick => {
-  return '';
-};
 const state$2 = {};
-const getPickDescription$2 = value => {
+const getPickDescription$3 = value => {
   return '';
 };
 const isPrepared$2 = () => {
   return false;
 };
-const name$2 = '';
-const getHelpEntries$1 = () => {
-  return [];
+const getPickFilterValue$2 = value => {
+  return value;
+};
+const getPickLabel$3 = value => {
+  return value;
+};
+const getPickIcon$3 = value => {
+  return '';
 };
 
-const QuickPickEntriesColorTheme = {
+const QuickPickEntriesSymbol = {
   __proto__: null,
-  focusPick,
   getFilterValue: getFilterValue$2,
-  getHelpEntries: getHelpEntries$1,
-  getLabel: getLabel$2,
   getNoResults: getNoResults$2,
-  getPickDescription: getPickDescription$2,
+  getPickDescription: getPickDescription$3,
   getPickFilterValue: getPickFilterValue$2,
-  getPickIcon: getPickIcon$2,
-  getPickLabel: getPickLabel$2,
+  getPickIcon: getPickIcon$3,
+  getPickLabel: getPickLabel$3,
   getPicks: getPicks$2,
   getPlaceholder: getPlaceholder$2,
-  getVisibleItems: getVisibleItems$2,
+  getVisibleItems: getVisibleItems$4,
   isPrepared: isPrepared$2,
   name: name$2,
   selectPick: selectPick$2,
-  setColorTheme,
   state: state$2
 };
 
-const Tag$1 = 'Tag';
-const Cloud$1 = 'Cloud';
-const SourceControl$1 = 'SourceControl';
-const None = '';
-
-const SourceControl = 1;
-const Cloud = 2;
-const Tag = 3;
-
-const name$1 = 'custom';
-const state$1 = {
-  args: []
-};
-const setArgs = args => {
-  state$1.args = args;
+const getPickDescription$2 = () => {
+  return '';
 };
-const getPlaceholder$1 = () => {
+const getPickIcon$2 = value => {
   return '';
 };
-const getLabel$1 = () => {
-  return 'Custom';
+const getPickLabel$2 = value => {
+  return value;
+};
+const getVisibleItems$3 = (picks, minLineY, maxLineY, focusedIndex, setSize) => {
+  const visibleItems = picks.map((pick, index) => ({
+    description: getPickDescription$2(),
+    fileIcon: '',
+    icon: getPickIcon$2(),
+    isActive: index + minLineY === focusedIndex,
+    label: getPickLabel$2(pick),
+    matches: [],
+    posInSet: index + minLineY + 1,
+    setSize
+  }));
+  return visibleItems;
 };
 
-// TODO help entries should not be here
-const getHelpEntries = () => {
-  return [];
+// TODO probably not needed
+
+const getPlaceholder$1 = () => {
+  return typeNameofCommandToRun();
 };
-const getNoResults$1 = () => {
-  return {
-    label: noMatchingResults()
-  };
+const getHelpEntries = () => {
+  return undefined;
 };
-const getPicks$1 = async searchValue => {
-  const items = state$1.args[1] || [];
-  return items;
+const getPicks$1 = async () => {
+  // const views = ViewService.getViews()
+  // const picks = views.map(toPick)
+  // return picks
+  return [];
 };
-const selectPick$1 = async pick => {
-  const {
-    args
-  } = state$1;
-  const resolve = args[2];
-  resolve(pick);
-  return {
-    command: Hide
-  };
+const selectPick$1 = async item => {
+  // Command.execute(/* openView */ 549, /* viewName */ item.label)
+  // return {
+  //   command: QuickPickReturnValue.Hide,
+  // }
 };
 const getFilterValue$1 = value => {
   return value;
 };
-const getPickFilterValue$1 = pick => {
-  return pick;
-};
-const getPickLabel$1 = pick => {
-  return pick.label;
+const getPickFilterValue$1 = value => {
+  return value;
 };
-const getPickDescription$1 = pick => {
-  return pick.description || '';
+const getPickLabel$1 = value => {
+  return value;
 };
-const convertIcon = icon => {
-  switch (icon) {
-    case SourceControl:
-      return SourceControl$1;
-    case Cloud:
-      return Cloud$1;
-    case Tag:
-      return Tag$1;
-    default:
-      return None;
-  }
+const getPickIcon$1 = value => {
+  return '';
 };
-const getPickIcon$1 = pick => {
-  return convertIcon(pick.icon);
+const state$1 = {};
+const getNoResults$1 = () => {
+  return '';
 };
+const name$1 = '';
 const isPrepared$1 = () => {
   return true;
 };
-const getVisibleItems$1 = (picks, minLineY, maxLineY, focusedIndex, setSize, icons) => {
-  const visibleItems = picks.slice(minLineY, maxLineY + 1).map((pick, index) => ({
-    description: getPickDescription$1(pick),
-    fileIcon: '',
-    icon: getPickIcon$1(pick),
-    isActive: index + minLineY === focusedIndex,
-    label: getPickLabel$1(pick),
-    matches: [],
-    posInSet: index + minLineY + 1,
-    setSize
-  }));
-  return visibleItems;
+const getPickDescription$1 = () => {
+  return '';
 };
+const getVisibleItems$2 = getVisibleItems$3;
 
-const QuickPickEntriesCustom = {
+const QuickPickEntriesView = {
   __proto__: null,
   getFilterValue: getFilterValue$1,
   getHelpEntries,
-  getLabel: getLabel$1,
   getNoResults: getNoResults$1,
   getPickDescription: getPickDescription$1,
   getPickFilterValue: getPickFilterValue$1,
@@ -3300,50 +3399,20 @@ const QuickPickEntriesCustom = {
   getPickLabel: getPickLabel$1,
   getPicks: getPicks$1,
   getPlaceholder: getPlaceholder$1,
-  getVisibleItems: getVisibleItems$1,
+  getVisibleItems: getVisibleItems$2,
   isPrepared: isPrepared$1,
   name: name$1,
   selectPick: selectPick$1,
-  setArgs,
   state: state$1
 };
 
-const getRecentlyOpened = () => {
-  return invoke$1(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
-};
-
-const openWorkspaceFolder = uri => {
-  return invoke$1(/* Workspace.setPath */'Workspace.setPath', /* path */uri);
-};
-
-const getPlaceholder = () => {
-  return selectToOpen();
-};
-const getLabel = () => {
-  return openRecent();
-};
-const getNoResults = () => {
-  return {
-    label: noRecentlyOpenedFoldersFound()
-  };
-};
-
-// TODO could also change api so that getPicks returns an array of anything
-// and the transformPick gets the label for each pick
-// This would make the code more module since the code for getting the picks
-// would be more independent of the specific data format of the quickpick provider
-
-const getPicks = async () => {
-  const recentlyOpened = await getRecentlyOpened();
-  return recentlyOpened;
-};
-const getVisibleItems = (picks, minLineY, maxLineY, focusedIndex, setSize) => {
+const getVisibleItems$1 = (picks, minLineY, maxLineY, focusedIndex, setSize) => {
   const visibleItems = picks.map((pick, index) => ({
-    description: getPickDescription(pick),
-    fileIcon: getPickFileIcon(pick),
-    icon: getPickIcon(),
+    description: '',
+    fileIcon: '',
+    icon: '',
     isActive: index + minLineY === focusedIndex,
-    label: getPickLabel(pick),
+    label: pick.label || '',
     matches: [],
     posInSet: index + minLineY + 1,
     setSize
@@ -3351,54 +3420,50 @@ const getVisibleItems = (picks, minLineY, maxLineY, focusedIndex, setSize) => {
   return visibleItems;
 };
 
-// TODO selectPick should be independent of show/hide
-const selectPick = async pick => {
-  const path = pick;
-  await openWorkspaceFolder(path);
-  return {
-    command: Hide
-  };
+const name = 'workspace-symbol';
+const getPlaceholder = () => {
+  return '';
 };
-const getFilterValue = value => {
-  return pathBaseName(value);
+const state = {};
+const getPickIcon = () => {
+  return '';
 };
-const getPickFilterValue = pick => {
-  return pathBaseName(pick);
+const isPrepared = () => {
+  return false;
 };
-const getPickLabel = pick => {
-  return pathBaseName(pick);
+const getPickLabel = () => {
+  return '';
 };
-const getPickDescription = pick => {
-  return pathDirName(pick);
+const getPickFilterValue = () => {
+  return '';
 };
-const getPickIcon = () => {
+const getPickDescription = () => {
   return '';
 };
-const getPickFileIcon = pick => {
-  if (typeof pick === 'object') {
-    pick = pick.pick;
-  }
-  if (typeof pick === 'object') {
-    pick = pick.pick;
-  }
+const getNoResults = () => {
   return {
-    type: Directory,
-    name: pick
+    label: noWorkspaceSymbolsFound()
   };
 };
-const state = {};
-const isPrepared = () => {
-  return false;
+const getPicks = async () => {
+  const picks = [];
+  return picks;
+};
+const selectPick = async item => {
+  return {
+    command: Hide
+  };
+};
+const getFilterValue = value => {
+  return value;
 };
-const name = '';
+const getVisibleItems = getVisibleItems$1;
 
-const QuickPickEntriesOpenRecent = {
+const QuickPickEntriesWorkspaceSymbol = {
   __proto__: null,
   getFilterValue,
-  getLabel,
   getNoResults,
   getPickDescription,
-  getPickFileIcon,
   getPickFilterValue,
   getPickIcon,
   getPickLabel,
@@ -3411,28 +3476,17 @@ const QuickPickEntriesOpenRecent = {
   state
 };
 
-const CommandPalette = 'quickPick://commandPalette';
-const Commands = 'quickPick://commands';
-const File$1 = 'quickPick://file';
-const EveryThing = 'quickPick://everything';
-const Recent = 'quickPick://recent';
-const ColorTheme = 'quickPick://color-theme';
-const Symbol = 'quickPick://symbol';
-const View = 'quickPick://view';
-const WorkspaceSymbol = 'quickPick://workspace-symbol';
-const Custom = 'quickPick://custom';
-
 const quickPickEntriesModules = {
+  [ColorTheme]: QuickPickEntriesColorTheme,
   [CommandPalette]: QuickPickEntriesEverything,
-  [Commands]: QuickPickEntriesEverything,
-  [File$1]: QuickPickEntriesEverything,
+  [Commands]: QuickPickEntriesCommand,
+  [Custom]: QuickPickEntriesCustom,
   [EveryThing]: QuickPickEntriesEverything,
-  [WorkspaceSymbol]: QuickPickEntriesEverything,
+  [File$2]: QuickPickEntriesFile,
   [Recent]: QuickPickEntriesOpenRecent,
-  [ColorTheme]: QuickPickEntriesColorTheme,
   [Symbol]: QuickPickEntriesSymbol,
   [View]: QuickPickEntriesView,
-  [Custom]: QuickPickEntriesCustom
+  [WorkspaceSymbol]: QuickPickEntriesWorkspaceSymbol
 };
 
 const Memfs = 'memfs';
@@ -3499,8 +3553,8 @@ const searchModules = {
 };
 
 const listen = async () => {
-  register$1(searchModules);
-  register(quickPickEntriesModules);
+  register(searchModules);
+  register$1(quickPickEntriesModules);
   const rpc = await WebWorkerRpcClient.create({
     commandMap: commandMap
   });