@lvce-editor/server 0.37.6 → 0.37.8

package/static/{c3b8288 → 6c07072}/packages/editor-worker/dist/editorWorkerMain.js

@@ -1080,7 +1080,7 @@ const set$5 = (id, fn) => {
 const get$5 = id => {
   return state$1$1.callbacks[id];
 };
-const remove$6 = id => {
+const remove$7 = id => {
   delete state$1$1.callbacks[id];
 };
 const state$9 = {
@@ -1126,7 +1126,7 @@ const resolve = (id, args) => {
     return;
   }
   fn(args);
-  remove$6(id);
+  remove$7(id);
 };
 const create$2$1 = (method, params) => {
   const {
@@ -1318,7 +1318,7 @@ const getErrorResponse = (message, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(message, errorProperty);
 };
-const create$c = (message, result) => {
+const create$d = (message, result) => {
   return {
     jsonrpc: Two,
     id: message.id,
@@ -1327,7 +1327,7 @@ const create$c = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$c(message, resultProperty);
+  return create$d(message, resultProperty);
 };
 const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
   try {
@@ -1527,7 +1527,7 @@ const waitForFirstMessage$1 = async port => {
   return event;
 };
 
-const create$b = async () => {
+const create$c = async () => {
   const {
     port1,
     port2
@@ -1572,7 +1572,7 @@ const wrap$3 = port => {
 
 const IpcParentWithExtensionHostWorker = {
   __proto__: null,
-  create: create$b,
+  create: create$c,
   wrap: wrap$3
 };
 
@@ -1580,7 +1580,7 @@ const sendMessagePortToSyntaxHighlightingWorker = async port => {
   await invokeAndTransfer('SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort');
 };
 
-const create$a = async () => {
+const create$b = async () => {
   const {
     port1,
     port2
@@ -1625,7 +1625,7 @@ const wrap$1 = port => {
 
 const IpcParentWithSyntaxHighlightingWorker = {
   __proto__: null,
-  create: create$a,
+  create: create$b,
   wrap: wrap$1
 };
 
@@ -1633,7 +1633,7 @@ const sendMessagePortToRendererProcess = async port => {
   await invokeAndTransfer('SendMessagePortToRendererProcess.sendMessagePortToRendererProcess', port, 'HandleMessagePort.handleMessagePort');
 };
 
-const create$9 = async () => {
+const create$a = async () => {
   const {
     port1,
     port2
@@ -1678,7 +1678,7 @@ const wrap = port => {
 
 const IpcParentWithRendererProcess = {
   __proto__: null,
-  create: create$9,
+  create: create$a,
   wrap
 };
 
@@ -1695,7 +1695,7 @@ const getModule$1 = method => {
   }
 };
 
-const create$8 = async ({
+const create$9 = async ({
   method,
   ...options
 }) => {
@@ -1713,7 +1713,7 @@ const create$8 = async ({
 const createRpc = method => {
   let _ipc;
   const listen = async () => {
-    const ipc = await create$8({
+    const ipc = await create$9({
       method
     });
     handleIpc(ipc);
@@ -1736,9 +1736,26 @@ const {
 const CompletionExecute = 'ExtensionHostCompletion.execute';
 const CompletionResolveExecute = 'ExtensionHostCompletion.executeResolve';
 const HoverExecute = 'ExtensionHostHover.execute';
+const RenameExecuteRename = 'ExtensionHostRename.executeRenameProvider';
 const TabCompletionExecuteTabCompletionProvider = 'ExtensionHost.executeTabCompletionProvider';
 const TextDocumentSyncFull = 'ExtensionHostTextDocument.syncFull';
 
+const ColorPicker$2 = 41;
+const CompletionDetail$1 = 999;
+const EditorCompletion = 9;
+const Empty = 0;
+const FindWidget = 16;
+const FocusEditorHover = 51;
+const FocusEditorRename = 11;
+const FocusFindWidgetCloseButton = 48;
+const FocusFindWidgetNextMatchButton = 49;
+const FocusFindWidgetPreviousMatchButton = 50;
+const FocusFindWidgetReplace = 43;
+const FocusFindWidgetReplaceAllButton = 47;
+const FocusFindWidgetReplaceButton = 46;
+const FocusFindWidgetToggleReplace = 42;
+const SourceActions = 38;
+
 const measureCharacterWidth = (fontWeight, fontSize, fontFamily, letterSpacing) => {
   return measureTextWidth('a', fontWeight, fontSize, fontFamily, letterSpacing, false, 0);
 };
@@ -1852,7 +1869,8 @@ const createEditor = async ({
     charWidth,
     uid: id,
     id,
-    widgets: []
+    widgets: [],
+    focusKey: Empty
   };
   // TODO avoid creating intermediate editors here
   const newEditor1 = setBounds(editor, x, y, width, height, 9);
@@ -1929,15 +1947,14 @@ const applyEdit = async (editor, changes) => {
   return scheduleDocumentAndCursorsSelections(editor, changes);
 };
 
-const handleBlur$1 = editor => {
-  // for (const listener of state.blurListeners) {
-  //   listener(editor)
-  // }
-  // TODO save on blur
-  // Command.execute(/* Main.save */ 89)
+const handleBlur$2 = editor => {
+  if (editor.focusKey !== Empty) {
+    return editor;
+  }
   const newEditor = {
     ...editor,
-    focused: false
+    focused: false,
+    focusKey: Empty
   };
   return newEditor;
 };
@@ -1990,7 +2007,7 @@ const getAccurateColumnIndexAscii = (line, guess, averageCharWidth, eventX, font
 const supported = () => {
   return 'Segmenter' in Intl;
 };
-const create$7 = () => {
+const create$8 = () => {
   // @ts-ignore
   const segmenter = new Intl.Segmenter();
   return {
@@ -2028,7 +2045,7 @@ const create$7 = () => {
 
 // @ts-ignore
 const getAccurateColumnIndexUnicode = (line, guess, averageCharWidth, eventX, fontWeight, fontSize, fontFamily, letterSpacing) => {
-  const segmenter = create$7();
+  const segmenter = create$8();
   const segments = segmenter.getSegments(line);
   const isMonospaceFont = false;
   const charWidth = 0;
@@ -2257,12 +2274,28 @@ const cancelSelection = editor => {
   return scheduleSelections(editor, newSelections);
 };
 
+const getIndex = (widgets, id) => {
+  for (let i = 0; i < widgets.length; i++) {
+    const widget = widgets[i];
+    if (widget.id === id) {
+      return i;
+    }
+  }
+  return -1;
+};
+const removeEditorWidget = (widgets, id) => {
+  const index = getIndex(widgets, id);
+  const newWidgets = [...widgets.slice(0, index), ...widgets.slice(index + 1)];
+  return newWidgets;
+};
+
 // TODO use numeric widget id
+const ColorPicker$1 = 'colorPicker';
 const Completion = 'completion';
-const CompletionDetail$1 = 'completionDetail';
-const ColorPicker$2 = 'colorPicker';
+const CompletionDetail = 'completionDetail';
 const Find = 'find';
 const Hover = 'hover';
+const Rename = 'rename';
 const SourceAction = 'sourceAction';
 
 const isCompletionWidget = widget => {
@@ -2276,7 +2309,7 @@ const closeCompletion = editor => {
   if (completionWidgetIndex === -1) {
     return editor;
   }
-  const newWidgets = [...widgets.slice(0, completionWidgetIndex), ...widgets.slice(completionWidgetIndex + 1)];
+  const newWidgets = removeEditorWidget(widgets, Completion);
   return {
     ...editor,
     widgets: newWidgets
@@ -2294,9 +2327,29 @@ const closeFind = editor => {
   if (index === -1) {
     return editor;
   }
-  const newWidgets = [...widgets.slice(0, index), ...widgets.slice(index + 1)];
+  const newWidgets = removeEditorWidget(widgets, Find);
+  return {
+    ...editor,
+    widgets: newWidgets
+  };
+};
+
+// TODO duplicate code
+const isRenameWidget = widget => {
+  return widget.id === Rename;
+};
+const closeRename = editor => {
+  const {
+    widgets
+  } = editor;
+  const renameWidgetIndex = widgets.findIndex(isRenameWidget);
+  if (renameWidgetIndex === -1) {
+    return editor;
+  }
+  const newWidgets = removeEditorWidget(widgets, Rename);
   return {
     ...editor,
+    focused: true,
     widgets: newWidgets
   };
 };
@@ -2312,7 +2365,7 @@ const closeSourceAction = editor => {
   if (index === -1) {
     return editor;
   }
-  const newWidgets = [...widgets.slice(0, index), ...widgets.slice(index + 1)];
+  const newWidgets = removeEditorWidget(widgets, SourceAction);
   return {
     ...editor,
     widgets: newWidgets
@@ -2363,21 +2416,24 @@ const addWidgetToEditor = async (widgetId, focusKey, editor, factory, newStateGe
   } else {
     await setAdditionalFocus(focusKey);
   }
+  const newFocus = fullFocus ? false : true;
   const newEditor = {
     ...editor,
-    widgets: newWidgets
+    widgets: newWidgets,
+    focusKey,
+    focused: newFocus
   };
   return newEditor;
 };
 
-const create$6 = () => {
+const create$7 = () => {
   return Math.random();
 };
 
-const create$5 = () => {
-  const completionUid = create$6();
+const create$6 = () => {
+  const completionUid = create$7();
   const widget = {
-    id: ColorPicker$2,
+    id: ColorPicker$1,
     oldState: {
       color: '',
       offsetX: 0,
@@ -2404,26 +2460,11 @@ const create$5 = () => {
   return widget;
 };
 
-const ColorPicker$1 = 41;
-const FindWidget = 16;
-const EditorCompletion = 9;
-const CompletionDetail = 999;
-const Empty = 0;
-const FocusFindWidgetToggleReplace = 42;
-const FocusFindWidgetReplace = 43;
-const FocusFindWidgetReplaceButton = 46;
-const FocusFindWidgetReplaceAllButton = 47;
-const FocusFindWidgetCloseButton = 48;
-const FocusFindWidgetNextMatchButton = 49;
-const FocusFindWidgetPreviousMatchButton = 50;
-const FocusEditorHover = 51;
-const SourceActions = 38;
-
 const newStateGenerator$1 = state => {
   return loadContent$3(state);
 };
 const openColorPicker = async editor => {
-  return addWidgetToEditor(ColorPicker$2, ColorPicker$1, editor, create$5, newStateGenerator$1);
+  return addWidgetToEditor(ColorPicker$1, ColorPicker$2, editor, create$6, newStateGenerator$1);
 };
 
 const state$6 = {
@@ -2720,7 +2761,7 @@ const characterLeft = (line, columnIndex) => {
   if (!supported()) {
     return 1;
   }
-  const segmenter = create$7();
+  const segmenter = create$8();
   const last = segmenter.at(line, columnIndex - 1);
   return columnIndex - last.index;
 };
@@ -2731,7 +2772,7 @@ const characterRight = (line, columnIndex) => {
   if (!supported()) {
     return 1;
   }
-  const segmenter = create$7();
+  const segmenter = create$8();
   const next = segmenter.at(line, columnIndex);
   return next.segment.length;
 };
@@ -3316,7 +3357,8 @@ const UiStrings$1 = {
   Replace: 'Replace',
   SourceAction: 'Source Action',
   OrganizeImports: 'Organize Imports',
-  SortImports: 'Sort Imports'
+  SortImports: 'Sort Imports',
+  NoCodeActionsAvailable: 'No code actions available'
 };
 const noDefinitionFound = () => {
   return i18nString(UiStrings$1.NoDefinitionFound);
@@ -3340,6 +3382,9 @@ const noResults$1 = () => {
 const sourceAction = () => {
   return i18nString(UiStrings$1.SourceAction);
 };
+const noCodeActionsAvailable = () => {
+  return i18nString(UiStrings$1.NoCodeActionsAvailable);
+};
 
 // @ts-ignore
 const goTo = async ({
@@ -4017,15 +4062,12 @@ const handleScrollBarMove = (state, eventY) => {
 };
 const handleScrollBarVerticalPointerMove = handleScrollBarMove;
 
-// @ts-ignore
-
 // TODO scrollbar position can be in interval [0, editor.height - editor.scrollBarHeight]
 // when clicked at y <= editor.scrollbarHeight/2, position is set to zero
 // when clicked at y >= editor.height - editor.scrollBarHeight/2, position is set to (editor.height - scrollBarHeight/2)
 // when clicked at y > editor.height - editor.scrollBarHeight/2, position scrollbar at (y - scrollbarHeight/2)
 // additionally, when clicked on scrollbar, scrollbar position shouldn't move
 
-// @ts-ignore
 const handleScrollBarPointerDown = (state, eventY) => {
   const {
     y,
@@ -4482,8 +4524,8 @@ const moveSelectionPx = (editor, x, y) => {
   return editorMoveSelection(editor, position);
 };
 
-const create$4 = () => {
-  const completionUid = create$6();
+const create$5 = () => {
+  const completionUid = create$7();
   const completionWidget = {
     id: Completion,
     oldState: {
@@ -4524,6 +4566,7 @@ const create$4 = () => {
   return completionWidget;
 };
 
+const OnRename = 'onRename';
 const OnCompletion = 'onCompletion';
 const OnHover = 'onHover';
 const OnTabCompletion = 'onTabCompletion';
@@ -4547,7 +4590,7 @@ const execute = async ({
   return result;
 };
 
-const combineResults$1 = results => {
+const combineResults$2 = results => {
   return results[0] ?? [];
 };
 const executeCompletionProvider = (editor, offset) => {
@@ -4558,7 +4601,7 @@ const executeCompletionProvider = (editor, offset) => {
     args: [offset],
     noProviderFoundMessage: 'no completion provider found',
     noProviderFoundResult: [],
-    combineResults: combineResults$1
+    combineResults: combineResults$2
   });
 };
 const combineResultsResolve = items => {
@@ -4832,6 +4875,22 @@ const getListHeight = (itemsLength, itemHeight, maxHeight) => {
   return Math.min(totalHeight, maxHeight);
 };
 
+const getPositionAtCursor = editor => {
+  const {
+    selections
+  } = editor;
+  const rowIndex = selections[0];
+  const columnIndex = selections[1];
+  const x$1 = x(editor, rowIndex, columnIndex);
+  const y$1 = y(editor, rowIndex);
+  return {
+    x: x$1,
+    y: y$1,
+    rowIndex,
+    columnIndex
+  };
+};
+
 const RE_WORD = /[\w\-]+$/;
 const getWordAtOffset = editor => {
   const {
@@ -4934,11 +4993,12 @@ const loadContent$2 = async (editorUid, state) => {
   const unfilteredItems = await getCompletions(editor);
   const wordAtOffset = getWordAtOffset(editor);
   const items = filterCompletionItems(unfilteredItems, wordAtOffset);
-  const rowIndex = editor.selections[0];
-  const columnIndex = editor.selections[1];
-  const x$1 = x(editor, rowIndex, columnIndex);
-  // @ts-ignore
-  const y$1 = y(editor, rowIndex);
+  const {
+    rowIndex,
+    columnIndex,
+    x,
+    y
+  } = getPositionAtCursor(editor);
   const newMaxLineY = Math.min(items.length, 8);
   editor.widgets = editor.widgets || [];
   // editor.widgets.push(ViewletModuleId.EditorCompletion)
@@ -4951,8 +5011,8 @@ const loadContent$2 = async (editorUid, state) => {
     ...state,
     unfilteredItems,
     items,
-    x: x$1,
-    y: y$1,
+    x,
+    y,
     maxLineY: newMaxLineY,
     focusedIndex: newFocusedIndex,
     finalDeltaY,
@@ -4980,7 +5040,7 @@ const openCompletion = async editor => {
   if (hasWidget(widgets, Completion)) {
     return editor;
   }
-  const completionWidget = create$4();
+  const completionWidget = create$5();
   const newWidgets = [...widgets, completionWidget];
   const newEditor = {
     ...editor,
@@ -5009,8 +5069,8 @@ const User = 1;
 const Script = 2;
 const Unknown$1 = 0;
 
-const create$3 = () => {
-  const uid = create$6();
+const create$4 = () => {
+  const uid = create$7();
   const widget = {
     id: Find,
     oldState: {
@@ -5146,7 +5206,7 @@ const isFind = widget => {
 };
 // TODO don't call renderer worker, set editor state
 // TODO this function should be synchronous
-const focusIndex$1 = (editor, index) => {
+const focusIndex$2 = (editor, index) => {
   const findState = getFindState(editor);
   if (!findState) {
     return editor;
@@ -5189,7 +5249,7 @@ const focusFirst$1 = editor => {
   if (!findState) {
     return editor;
   }
-  return focusIndex$1(editor, 0);
+  return focusIndex$2(editor, 0);
 };
 const focusLast = editor => {
   const findState = getFindState(editor);
@@ -5199,9 +5259,9 @@ const focusLast = editor => {
   const {
     matchCount
   } = findState;
-  return focusIndex$1(editor, matchCount - 1);
+  return focusIndex$2(editor, matchCount - 1);
 };
-const focusNext$1 = editor => {
+const focusNext$2 = editor => {
   const findState = getFindState(editor);
   if (!findState) {
     return editor;
@@ -5213,7 +5273,7 @@ const focusNext$1 = editor => {
   if (matchIndex === matchCount - 1) {
     return focusFirst$1(editor);
   }
-  return focusIndex$1(editor, matchIndex + 1);
+  return focusIndex$2(editor, matchIndex + 1);
 };
 const focusPrevious$1 = editor => {
   const findState = getFindState(editor);
@@ -5226,7 +5286,7 @@ const focusPrevious$1 = editor => {
   if (matchIndex === 0) {
     return focusLast(editor);
   }
-  return focusIndex$1(editor, matchIndex - 1);
+  return focusIndex$2(editor, matchIndex - 1);
 };
 
 const focusNextMatchButton = state => {
@@ -5253,7 +5313,7 @@ const focusToggleReplaceButton = state => {
   return setFindWidgetFocus(state, FocusFindWidgetToggleReplace);
 };
 
-const handleBlur = async state => {
+const handleBlur$1 = async state => {
   await setFocus(Empty);
   return state;
 };
@@ -5415,13 +5475,92 @@ const openFind2 = async editor => {
     return latestState;
   };
   const fullFocus = true;
-  return addWidgetToEditor(Find, FindWidget, editor, create$3, newStateGenerator, fullFocus);
+  return addWidgetToEditor(Find, FindWidget, editor, create$4, newStateGenerator, fullFocus);
 };
 
 const openFind = async state => {
   return openFind2(state);
 };
 
+const getRenamePosition = editor => {
+  const width = 300;
+  const height = 30;
+  const paddingTop = 10;
+  const cursor = getPositionAtCursor(editor);
+  const x = cursor.x;
+  const y = cursor.y + paddingTop;
+  return {
+    y,
+    x,
+    width,
+    height
+  };
+};
+
+const create$3 = () => {
+  const completionUid = create$7();
+  const renameWidget = {
+    id: Rename,
+    oldState: {
+      uid: completionUid,
+      focusedIndex: -1,
+      oldValue: '',
+      newValue: '',
+      focused: false,
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    },
+    newState: {
+      uid: completionUid,
+      focusedIndex: -1,
+      oldValue: '',
+      newValue: '',
+      focused: true,
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    }
+  };
+  return renameWidget;
+};
+
+const openRename = async editor => {
+  const {
+    rowIndex,
+    columnIndex
+  } = getPositionAtCursor(editor);
+  const {
+    word
+  } = getWordAt(editor, rowIndex, columnIndex);
+  if (!word) {
+    return editor;
+  }
+  const newStateGenerator = async state => {
+    // TODO query if can rename from extension host
+    const {
+      x,
+      y,
+      width,
+      height
+    } = getRenamePosition(editor);
+    const latestState = {
+      ...state,
+      x,
+      y,
+      width,
+      height,
+      oldValue: word,
+      newValue: word
+    };
+    return latestState;
+  };
+  const fullFocus = true;
+  return addWidgetToEditor(Rename, FocusEditorRename, editor, create$3, newStateGenerator, fullFocus);
+};
+
 const organizeImports = async editor => {
   // TODO ask extension host worker directly
   const edits = await invoke$3('ExtensionHostOrganizeImports.organizeImports', editor);
@@ -6308,7 +6447,7 @@ const showHover = async state => {
 };
 
 const create$2 = () => {
-  const uid = create$6();
+  const uid = create$7();
   const widget = {
     id: Hover,
     oldState: {
@@ -6361,7 +6500,7 @@ const getHover = async (editor, offset) => {
 
 let _ipc;
 const listen$5 = async () => {
-  const ipc = await create$8({
+  const ipc = await create$9({
     method: RendererProcess
   });
   handleIpc(ipc);
@@ -6580,42 +6719,58 @@ const showHover2 = async editor => {
   return addWidgetToEditor(Hover, FocusEditorHover, editor, create$2, newStateGenerator);
 };
 
-const EditorSourceActions = 'EditorSourceActions';
-const showSourceActions$1 = async editor => {
-  // TODO
-  // 1. hide hover, completions, color picker
-  // 2. query source actions from extension host
-  // 3. show source actions menu
-
-  await invoke$3('Viewlet.openWidget', EditorSourceActions);
-  return editor;
-};
-
-// TODO maybe ask extension host worker instead
+// TODO ask extension host worker instead
 const getEditorSourceActions = async () => {
   const sourceActions = await invoke$3('GetEditorSourceActions.getEditorSourceActions');
   return sourceActions;
 };
 
-const loadSourceActions = async (editorUid, state) => {
+const getHeight = sourceActionCount => {
+  if (sourceActionCount === 0) {
+    return 45;
+  }
+  return 150;
+};
+const getSourceActionWidgetPosition = (editor, sourceActionCount) => {
+  const width = 300;
+  const height = getHeight(sourceActionCount);
+  const cursor = getPositionAtCursor(editor);
+  const x = cursor.x;
+  const y = cursor.y;
+  // TODO support virtual list
+  return {
+    x,
+    y,
+    width,
+    height
+  };
+};
+
+const loadSourceActions = async (editor, state) => {
   // const editor = GetEditor.getEditor(editorUid)
   // TODO request source actions information from extensions
   const sourceActions = await getEditorSourceActions();
   // TODO avoid side effect
+  const {
+    x,
+    y,
+    width,
+    height
+  } = getSourceActionWidgetPosition(editor, sourceActions.length);
   return {
     ...state,
     sourceActions,
-    x: 200,
-    y: -200,
-    width: 250,
-    height: 150,
+    x,
+    y,
+    width,
+    height,
     maxHeight: 150,
     focusedIndex: 0
   };
 };
 
 const create$1 = () => {
-  const completionUid = create$6();
+  const completionUid = create$7();
   const widget = {
     id: SourceAction,
     oldState: {
@@ -6643,9 +6798,8 @@ const create$1 = () => {
 };
 
 const showSourceActions = async editor => {
-  const uid = editor.uid;
   const newStateGenerator = state => {
-    return loadSourceActions(uid, state);
+    return loadSourceActions(editor, state);
   };
   return addWidgetToEditor(SourceAction, SourceActions, editor, create$1, newStateGenerator);
 };
@@ -6709,7 +6863,7 @@ const sortLinesAscending = editor => {
   return scheduleDocumentAndCursorsSelections(editor, changes);
 };
 
-const combineResults = results => {
+const combineResults$1 = results => {
   return results[0];
 };
 const executeTabCompletionProvider = (editor, offset) => {
@@ -6719,7 +6873,7 @@ const executeTabCompletionProvider = (editor, offset) => {
     method: TabCompletionExecuteTabCompletionProvider,
     args: [offset],
     noProviderFoundMessage: 'No tab completion provider found',
-    combineResults,
+    combineResults: combineResults$1,
     noProviderFoundResult: undefined
   });
 };
@@ -7439,7 +7593,7 @@ const editorUnindent = editor => {
 // editor.lines //?
 
 const isCompletionDetailWidget = widget => {
-  return widget.id === CompletionDetail$1;
+  return widget.id === CompletionDetail;
 };
 const closeDetails = editor => {
   const {
@@ -7456,7 +7610,7 @@ const closeDetails = editor => {
   };
 };
 
-const focusIndex = (state, index) => {
+const focusIndex$1 = (state, index) => {
   const newState = {
     ...state,
     focusedIndex: index,
@@ -7467,17 +7621,17 @@ const focusIndex = (state, index) => {
 
 const focusFirst = state => {
   const firstIndex = 0;
-  return focusIndex(state, firstIndex);
+  return focusIndex$1(state, firstIndex);
 };
 
-const focusNext = state => {
+const focusNext$1 = state => {
   const nextIndex = state.focusedIndex + 1;
-  return focusIndex(state, nextIndex);
+  return focusIndex$1(state, nextIndex);
 };
 
 const focusPrevious = state => {
   const previousIndex = state.focusedIndex - 1;
-  return focusIndex(state, previousIndex);
+  return focusIndex$1(state, previousIndex);
 };
 
 // TODO optimize this function to return the minimum number
@@ -7525,9 +7679,9 @@ const handelWheel = (state, deltaMode, deltaY) => {
 };
 
 const create = () => {
-  const completionUid = create$6();
+  const completionUid = create$7();
   const completionWidget = {
-    id: CompletionDetail$1,
+    id: CompletionDetail,
     oldState: {
       content: '',
       uid: completionUid,
@@ -7578,7 +7732,7 @@ const openDetails = editor => {
     };
     return newestState;
   };
-  return addWidgetToEditor(CompletionDetail$1, CompletionDetail, editor, create, newStateGenerator);
+  return addWidgetToEditor(CompletionDetail, CompletionDetail$1, editor, create, newStateGenerator);
 };
 
 const getEdits = async (editor, completionItem) => {
@@ -7601,9 +7755,6 @@ const getEdits = async (editor, completionItem) => {
   const changes = replaceRange(editor, replaceRange$1, [inserted], '');
   return changes;
 };
-const isCompletion = widget => {
-  return widget.id === Completion;
-};
 const select = async (editor, completionItem) => {
   const changes = await getEdits(editor, completionItem);
   const index = editor.widgets.indexOf
@@ -7620,8 +7771,7 @@ const select = async (editor, completionItem) => {
   const {
     widgets
   } = editor;
-  const completionWidgetIndex = editor.widgets.findIndex(isCompletion);
-  const newWidgets = [...widgets.slice(0, completionWidgetIndex), ...widgets.slice(completionWidgetIndex + 1)];
+  const newWidgets = removeEditorWidget(widgets, Completion);
   const intermediateEditor = await applyEdit(editor, changes);
   return {
     ...intermediateEditor,
@@ -7659,7 +7809,7 @@ const selectCurrent = editor => {
 };
 
 const getCompletionDetailState = editor => {
-  return getWidgetState(editor, CompletionDetail$1);
+  return getWidgetState(editor, CompletionDetail);
 };
 
 const toggleDetails = editor => {
@@ -7722,6 +7872,7 @@ const ColorPickerSliderThumb = 'ColorPickerSliderThumb';
 const SourceActionItem = 'SourceActionItem';
 const SourceActionItemFocused = 'SourceActionItemFocused';
 const CompletionDetailCloseButton = 'CompletionDetailCloseButton';
+const EditorSourceActionsList = 'EditorSourceActionsList';
 const IconButtonDisabled = 'IconButtonDisabled';
 const IconButton = 'IconButton';
 const SourceActionHeading = 'SourceActionHeading';
@@ -7730,6 +7881,7 @@ const Diagnostic = 'Diagnostic';
 const FindWidgetReplace = 'FindWidgetReplace';
 const FindWidgetFind = 'FindWidgetFind';
 const FindWidgetMatchCount = 'FindWidgetMatchCount';
+const FindWidgetMatchCountEmpty = 'FindWidgetMatchCountEmpty';
 const FindWidgetRight = 'FindWidgetRight';
 const EditorCompletionItem = 'EditorCompletionItem';
 const EditorCompletionItemDeprecated = 'EditorCompletionItemDeprecated';
@@ -7755,6 +7907,7 @@ const Viewlet = 'Viewlet';
 
 const Button = 1;
 const Div = 4;
+const Input = 6;
 const Span = 8;
 const Text = 12;
 const Img = 17;
@@ -7797,6 +7950,15 @@ const HandleSashPointerDown = 'handleSashPointerDown';
 const HandleClose = 'handleClose';
 const HandleFocusIn = 'handleFocusIn';
 const HandleClick = 'handleClick';
+const HandleInput = 'handleInput';
+const HandleFocus = 'handleFocus';
+const HandleClickPreviousMatch = 'handleClickPreviousMatch';
+const HandleClickNextMatch = 'handleClickNextMatch';
+const HandleClickClose = 'handleClickClose';
+const HandleClickReplace = 'handleClickReplace';
+const HandleClickReplaceAll = 'handleClickReplaceAll';
+const HandleReplaceInput = 'handleReplaceInput';
+const HandleReplaceFocus = 'handleReplaceFocus';
 
 const hoverProblemMessage = {
   type: Span,
@@ -7869,7 +8031,7 @@ const renderHoverDom = {
     return [/* method */'Viewlet.setDom2', dom];
   }
 };
-const renderBounds$5 = {
+const renderBounds$6 = {
   isEqual(oldState, newState) {
     return oldState.x === newState.x && oldState.y === newState.y;
   },
@@ -7883,10 +8045,10 @@ const renderBounds$5 = {
     return [SetBounds, x, y, renderWidth, height];
   }
 };
-const render$c = [renderHoverDom, renderBounds$5];
+const render$e = [renderHoverDom, renderBounds$6];
 const renderHover = (oldState, newState) => {
   const commands = [];
-  for (const item of render$c) {
+  for (const item of render$e) {
     if (!item.isEqual(oldState, newState)) {
       commands.push(item.apply(oldState, newState));
     }
@@ -7894,6 +8056,67 @@ const renderHover = (oldState, newState) => {
   return commands;
 };
 
+const combineResults = results => {
+  return results[0] ?? [];
+};
+const executeRenameProvider = (editor, offset, newName) => {
+  return execute({
+    editor,
+    event: OnRename,
+    method: RenameExecuteRename,
+    args: [offset, newName],
+    noProviderFoundMessage: 'no rename provider found',
+    noProviderFoundResult: [],
+    combineResults
+  });
+};
+
+const getRenameState = editor => {
+  return getWidgetState(editor, Rename);
+};
+
+const accept = async editor => {
+  const child = getRenameState(editor);
+  if (!child) {
+    return editor;
+  }
+  const {
+    widgets
+  } = editor;
+  const newWidgets = removeEditorWidget(widgets, Rename);
+  // TODO
+  const offset = getOffsetAtCursor(editor);
+  const result = await executeRenameProvider(editor, offset, child.newValue);
+  console.log({
+    result
+  });
+  // 1. ask extension host for rename edits
+  // 2. apply rename edit across editor (and whole workspace)
+  // 3. close rename widget
+  return {
+    ...editor,
+    focused: true,
+    widgets: newWidgets
+  };
+};
+
+const handleBlur = editor => {
+  return closeRename(editor);
+};
+
+const focusIndex = (state, index) => {
+  const newState = {
+    ...state,
+    focusedIndex: index
+  };
+  return newState;
+};
+
+const focusNext = state => {
+  const nextIndex = state.focusedIndex + 1;
+  return focusIndex(state, nextIndex);
+};
+
 const replaceTextOccurrences = (editor, matches, oldValue, newValue) => {
   const ranges = [];
   const oldValueLength = oldValue.length;
@@ -8801,7 +9024,7 @@ const renderScrollBarX = {
     return [/* method */'setScrollBarHorizontal', /* scrollBarX */scrollBarX, /* scrollBarWidth */scrollBarWidth, /* deltaX */newState.deltaX];
   }
 };
-const renderFocus$1 = {
+const renderFocus$2 = {
   isEqual(oldState, newState) {
     return oldState.focused === newState.focused;
   },
@@ -8899,7 +9122,7 @@ const renderWidgets = {
   },
   multiple: true
 };
-const render$b = [renderLines, renderSelections, renderScrollBarX, renderScrollBarY, renderFocus$1, renderDecorations, renderGutterInfo, renderWidgets];
+const render$d = [renderLines, renderSelections, renderScrollBarX, renderScrollBarY, renderFocus$2, renderDecorations, renderGutterInfo, renderWidgets];
 const renderEditor = async id => {
   const instance = get$6(id);
   if (!instance) {
@@ -8911,7 +9134,7 @@ const renderEditor = async id => {
   } = instance;
   const commands = [];
   set$6(id, newState, newState);
-  for (const item of render$b) {
+  for (const item of render$d) {
     if (!item.isEqual(oldState, newState)) {
       const result = await item.apply(oldState, newState);
       // @ts-ignore
@@ -8949,8 +9172,8 @@ const wrapWidgetCommand = (widgetId, fn) => {
 };
 
 const widgetCommands = {
-  'ColorPicker.handleSliderPointerDown': ColorPicker$2,
-  'ColorPicker.handleSliderPointerMove': ColorPicker$2,
+  'ColorPicker.handleSliderPointerDown': ColorPicker$1,
+  'ColorPicker.handleSliderPointerMove': ColorPicker$1,
   // 'FindWidget.focusNext': WidgetId.Find,
   // 'FindWidget.focusPrevious': WidgetId.Find,
   'FindWidget.close': Find,
@@ -9009,12 +9232,12 @@ const commandMap = {
   'ColorPicker.loadContent': loadContent$3,
   'Editor.addCursorAbove': addCursorAbove,
   'Editor.addCursorBelow': addCursorBelow,
-  'Editor.handleTab': handleTab,
   'Editor.applyEdit': applyEdit,
   'Editor.braceCompletion': braceCompletion,
   'Editor.cancelSelection': cancelSelection,
   'Editor.closeCompletion': closeCompletion,
   'Editor.closeFind': closeFind,
+  'Editor.closeRename': closeRename,
   'Editor.closeSourceAction': closeSourceAction,
   'Editor.compositionEnd': compositionEnd,
   'Editor.compositionStart': compositionStart,
@@ -9059,7 +9282,7 @@ const commandMap = {
   'Editor.goToTypeDefinition': goToTypeDefinition,
   'Editor.handleBeforeInput': handleBeforeInput,
   'Editor.handleBeforeInputFromContentEditable': handleBeforeInputFromContentEditable,
-  'Editor.handleBlur': handleBlur$1,
+  'Editor.handleBlur': handleBlur$2,
   'Editor.handleContextMenu': handleContextMenu,
   'Editor.handleDoubleClick': handleDoubleClick,
   'Editor.handleFocus': handleFocus,
@@ -9077,6 +9300,7 @@ const commandMap = {
   'Editor.handleScrollBarVerticalPointerDown': handleScrollBarPointerDown,
   'Editor.handleScrollBarVerticalPointerMove': handleScrollBarVerticalPointerMove,
   'Editor.handleSingleClick': handleSingleClick,
+  'Editor.handleTab': handleTab,
   'Editor.handleTouchEnd': handleTouchEnd,
   'Editor.handleTouchMove': handleTouchMove,
   'Editor.handleTouchStart': handleTouchStart,
@@ -9095,6 +9319,7 @@ const commandMap = {
   'Editor.openCompletion': openCompletion,
   'Editor.openFind': openFind,
   'Editor.openFind2': openFind2,
+  'Editor.openRename': openRename,
   'Editor.organizeImports': organizeImports,
   'Editor.paste': paste,
   'Editor.pasteText': pasteText,
@@ -9124,7 +9349,7 @@ const commandMap = {
   'Editor.setSelections': setSelections,
   'Editor.showHover': showHover,
   'Editor.showHover2': showHover2,
-  'Editor.showSourceActions': showSourceActions$1,
+  'Editor.showSourceActions': showSourceActions,
   'Editor.showSourceActions2': showSourceActions,
   'Editor.sortLinesAscending': sortLinesAscending,
   'Editor.tabCompletion': tabCompletion,
@@ -9138,8 +9363,8 @@ const commandMap = {
   'EditorCompletion.advance': advance,
   'EditorCompletion.closeDetails': closeDetails,
   'EditorCompletion.focusFirst': focusFirst,
-  'EditorCompletion.focusIndex': focusIndex,
-  'EditorCompletion.focusNext': focusNext,
+  'EditorCompletion.focusIndex': focusIndex$1,
+  'EditorCompletion.focusNext': focusNext$1,
   'EditorCompletion.focusPrevious': focusPrevious,
   'EditorCompletion.handleEditorBlur': handleEditorBlur,
   'EditorCompletion.handleEditorClick': handleEditorClick,
@@ -9151,13 +9376,16 @@ const commandMap = {
   'EditorCompletion.selectCurrent': selectCurrent,
   'EditorCompletion.selectIndex': selectIndex,
   'EditorCompletion.toggleDetails': toggleDetails,
+  'EditorRename.accept': accept,
+  'EditorRename.handleBlur': handleBlur,
+  'EditorSourceActions.focusNext': focusNext,
   'FindWidget.close': close$1,
   'FindWidget.focusCloseButton': focusCloseButton,
   'FindWidget.focusFind': focusFind,
   'FindWidget.focusFirst': focusFirst$1,
-  'FindWidget.focusIndex': focusIndex$1,
+  'FindWidget.focusIndex': focusIndex$2,
   'FindWidget.focusLast': focusLast,
-  'FindWidget.focusNext': focusNext$1,
+  'FindWidget.focusNext': focusNext$2,
   'FindWidget.focusNextMatchButton': focusNextMatchButton,
   'FindWidget.focusPrevious': focusPrevious$1,
   'FindWidget.focusPreviousMatchButton': focusPreviousMatchButton,
@@ -9165,7 +9393,7 @@ const commandMap = {
   'FindWidget.focusReplaceAllButton': focusReplaceAllButton,
   'FindWidget.focusReplaceButton': focusReplaceButton,
   'FindWidget.focusToggleReplace': focusToggleReplaceButton,
-  'FindWidget.handleBlur': handleBlur,
+  'FindWidget.handleBlur': handleBlur$1,
   'FindWidget.handleFocus': handleFindWidgetFocus,
   'FindWidget.handleInput': handleInput,
   'FindWidget.handleReplaceAllFocus': handleReplaceAllFocus,
@@ -9173,8 +9401,8 @@ const commandMap = {
   'FindWidget.handleReplaceInput': handleReplaceInput,
   'FindWidget.handleToggleReplaceFocus': handleToggleReplaceFocus,
   'FindWidget.loadContent': loadContent$1,
-  'FindWidget.toggleReplace': toggleReplace,
   'FindWidget.replaceAll': replaceAll$1,
+  'FindWidget.toggleReplace': toggleReplace,
   'Font.ensure': ensure,
   'Hover.getHoverInfo': getEditorHoverInfo,
   'Hover.handleSashPointerDown': handleSashPointerDown,
@@ -9680,7 +9908,9 @@ const addWidget = (widget, id, render) => {
   allCommands.push(['Viewlet.createFunctionalRoot', id, uid]);
   allCommands.push(...commands);
   allCommands.push(['Viewlet.send', uid, 'appendWidget']);
-  const focusCommandIndex = allCommands.findIndex(command => command[2] === 'focus');
+  const focusCommandIndex = allCommands.findIndex(command => {
+    return command[2] === 'focus' || command[0] === 'Viewlet.focusSelector';
+  });
   // TODO have separate rendering functions, e.g.
   // 1. renderDom
   // 2. renderAriaAnnouncement
@@ -9747,7 +9977,7 @@ const renderOffsetX = {
     return [/* method */SetOffsetX, /* offsetX */newState.offsetX];
   }
 };
-const renderContent$1 = {
+const renderContent$2 = {
   isEqual(oldState, newState) {
     return oldState.x === newState.x && oldState.y === newState.y && oldState.min === newState.min && oldState.max === newState.max;
   },
@@ -9756,7 +9986,7 @@ const renderContent$1 = {
     return ['Viewlet.setDom2', newState.uid, dom];
   }
 };
-const renderBounds$4 = {
+const renderBounds$5 = {
   isEqual(oldState, newState) {
     return oldState.x === newState.x && oldState.y === newState.y && oldState.width === newState.width && oldState.height === newState.height;
   },
@@ -9770,10 +10000,10 @@ const renderBounds$4 = {
     return [/* method */SetBounds, /* x */x, /* y */y, /* width */width, /* height */height];
   }
 };
-const render$a = [renderContent$1, renderBounds$4, renderColor, renderOffsetX];
-const renderFull$1 = (oldState, newState) => {
+const render$c = [renderContent$2, renderBounds$5, renderColor, renderOffsetX];
+const renderFull$2 = (oldState, newState) => {
   const commands = [];
-  for (const item of render$a) {
+  for (const item of render$c) {
     if (!item.isEqual(oldState, newState)) {
       commands.push(item.apply(oldState, newState));
     }
@@ -9786,8 +10016,8 @@ const removeWidget = widget => {
   return [['Viewlet.send', widget.newState.uid, 'dispose']];
 };
 
-const render$9 = widget => {
-  const commands = renderFull$1(widget.oldState, widget.newState);
+const render$b = widget => {
+  const commands = renderFull$2(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const uid = widget.newState.uid;
   for (const command of commands) {
@@ -9799,10 +10029,10 @@ const render$9 = widget => {
   }
   return wrappedCommands;
 };
-const add$5 = widget => {
-  return addWidget(widget, 'ColorPicker', render$9);
+const add$6 = widget => {
+  return addWidget(widget, 'ColorPicker', render$b);
 };
-const remove$5 = removeWidget;
+const remove$6 = removeWidget;
 const Commands$1 = {
   'ColorPicker.handleSliderPointerDown': handleSliderPointerDown,
   'ColorPicker.handleSliderPointerMove': handleSliderPointerMove
@@ -9811,9 +10041,9 @@ const Commands$1 = {
 const EditorColorPickerWidget = {
   __proto__: null,
   Commands: Commands$1,
-  add: add$5,
-  remove: remove$5,
-  render: render$9
+  add: add$6,
+  remove: remove$6,
+  render: render$b
 };
 
 const getCompletionDetailVirtualDom = content => {
@@ -9848,7 +10078,7 @@ const renderParts = (render, oldState, newState) => {
   return commands;
 };
 
-const renderContent = {
+const renderContent$1 = {
   isEqual(oldState, newState) {
     return oldState.content === newState.content;
   },
@@ -9857,7 +10087,7 @@ const renderContent = {
     return ['Viewlet.setDom2', newState.uid, dom];
   }
 };
-const renderBounds$3 = {
+const renderBounds$4 = {
   isEqual(oldState, newState) {
     return oldState.x === newState.x && oldState.y === newState.y && oldState.width === newState.width && oldState.height === newState.height;
   },
@@ -9871,29 +10101,13 @@ const renderBounds$3 = {
     return [/* method */SetBounds, /* x */x, /* y */y, /* width */width, /* height */height];
   }
 };
-const render$8 = [renderContent, renderBounds$3];
-const renderFull = (oldState, newState) => {
-  return renderParts(render$8, oldState, newState);
-};
-
-const getPositionAtCursor = editor => {
-  const {
-    selections
-  } = editor;
-  const rowIndex = selections[0];
-  const columnIndex = selections[1];
-  const x$1 = x(editor, rowIndex, columnIndex);
-  const y$1 = y(editor, rowIndex);
-  return {
-    x: x$1,
-    y: y$1,
-    rowIndex,
-    columnIndex
-  };
+const render$a = [renderContent$1, renderBounds$4];
+const renderFull$1 = (oldState, newState) => {
+  return renderParts(render$a, oldState, newState);
 };
 
-const render$7 = widget => {
-  const commands = renderFull(widget.oldState, widget.newState);
+const render$9 = widget => {
+  const commands = renderFull$1(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const uid = widget.newState.uid;
   for (const command of commands) {
@@ -9905,10 +10119,10 @@ const render$7 = widget => {
   }
   return wrappedCommands;
 };
-const add$4 = widget => {
-  return addWidget(widget, 'EditorCompletionDetails', render$7);
+const add$5 = widget => {
+  return addWidget(widget, 'EditorCompletionDetails', render$9);
 };
-const remove$4 = removeWidget;
+const remove$5 = removeWidget;
 const handleEditorType$1 = (editor, state) => {
   const completionState = getCompletionState(editor);
   if (!completionState) {
@@ -9940,11 +10154,11 @@ const handleEditorDeleteLeft$1 = (editor, state) => {
 
 const EditorCompletionDetailWidget = {
   __proto__: null,
-  add: add$4,
+  add: add$5,
   handleEditorDeleteLeft: handleEditorDeleteLeft$1,
   handleEditorType: handleEditorType$1,
-  remove: remove$4,
-  render: render$7
+  remove: remove$5,
+  render: render$9
 };
 
 const CheckBox = 'checkbox';
@@ -10149,7 +10363,7 @@ const renderItems = {
     return ['setDom', dom];
   }
 };
-const renderBounds$2 = {
+const renderBounds$3 = {
   isEqual(oldState, newState) {
     return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.x === newState.x && oldState.y === newState.y;
   },
@@ -10195,10 +10409,10 @@ const renderScrollBar = {
     return [/* method */SetScrollBar, /* scrollBarY */scrollBarY, /* scrollBarHeight */scrollBarHeight];
   }
 };
-const render$6 = [renderItems, renderBounds$2, renderHeight, renderNegativeMargin, renderScrollBar];
+const render$8 = [renderItems, renderBounds$3, renderHeight, renderNegativeMargin, renderScrollBar];
 const renderCompletion = (oldState, newState) => {
   const commands = [];
-  for (const item of render$6) {
+  for (const item of render$8) {
     if (!item.isEqual(oldState, newState)) {
       commands.push(item.apply(oldState, newState));
     }
@@ -10206,7 +10420,7 @@ const renderCompletion = (oldState, newState) => {
   return commands;
 };
 
-const render$5 = widget => {
+const render$7 = widget => {
   const commands = renderCompletion(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const uid = widget.newState.uid;
@@ -10215,8 +10429,8 @@ const render$5 = widget => {
   }
   return wrappedCommands;
 };
-const add$3 = widget => {
-  const commands = render$5(widget);
+const add$4 = widget => {
+  const commands = render$7(widget);
   const id = 'EditorCompletion';
   // TODO how to generate a unique integer id
   // that doesn't collide with ids created in renderer worker?
@@ -10226,7 +10440,7 @@ const add$3 = widget => {
   allCommands.push(...commands);
   return allCommands;
 };
-const remove$3 = removeWidget;
+const remove$4 = removeWidget;
 const handleEditorType = (editor, state) => {
   const {
     unfilteredItems,
@@ -10289,11 +10503,11 @@ const handleEditorDeleteLeft = (editor, state) => {
 
 const EditorCompletionWidget = {
   __proto__: null,
-  add: add$3,
+  add: add$4,
   handleEditorDeleteLeft,
   handleEditorType,
-  remove: remove$3,
-  render: render$5
+  remove: remove$4,
+  render: render$7
 };
 
 /**
@@ -10353,37 +10567,37 @@ const FocusNext = 'FocusNext';
 const FocusPrevious = 'FocusPrevious';
 const Replace = 'Replace';
 
-const getFindWidgetButtons = buttonsEnabled => {
+const getFindWidgetButtons = (findButtonsEnabled, replaceButtonsEnabled) => {
   const findButtons = [{
     label: previousMatch(),
     icon: ArrowUp,
-    disabled: !buttonsEnabled,
-    onClick: 'handleClickPreviousMatch',
+    disabled: !findButtonsEnabled,
+    onClick: HandleClickPreviousMatch,
     name: FocusPrevious
   }, {
     label: nextMatch(),
     icon: ArrowDown,
-    disabled: !buttonsEnabled,
-    onClick: 'handleClickNextMatch',
+    disabled: !findButtonsEnabled,
+    onClick: HandleClickNextMatch,
     name: FocusNext
   }, {
     label: close(),
     icon: Close$1,
     disabled: false,
-    onClick: 'handleClickClose',
+    onClick: HandleClickClose,
     name: Close
   }];
   const replaceButtons = [{
     label: replace(),
     icon: Replace$1,
-    disabled: !buttonsEnabled,
-    onClick: 'handleClickReplace',
+    disabled: !replaceButtonsEnabled,
+    onClick: HandleClickReplace,
     name: Replace
   }, {
     label: replaceAll(),
     icon: ReplaceAll$1,
-    disabled: !buttonsEnabled,
-    onClick: 'handleClickReplaceAll',
+    disabled: !replaceButtonsEnabled,
+    onClick: HandleClickReplaceAll,
     name: ReplaceAll
   }];
   return {
@@ -10392,6 +10606,15 @@ const getFindWidgetButtons = buttonsEnabled => {
   };
 };
 
+const getFindWidgetButtonsEnabled = (matchCount, value) => {
+  const findButtonsEnabled = matchCount > 0;
+  const replaceButtonsEnabled = value.length > 0;
+  return {
+    findButtonsEnabled,
+    replaceButtonsEnabled
+  };
+};
+
 // TODO always focus element by name
 const getFindWidgetFocusSelector = focus => {
   switch (focus) {
@@ -10416,6 +10639,13 @@ const getFindWidgetFocusSelector = focus => {
   }
 };
 
+const getFindMatchCountClassName = (matchCount, value) => {
+  if (value && matchCount === 0) {
+    return mergeClassNames(FindWidgetMatchCount, FindWidgetMatchCountEmpty);
+  }
+  return FindWidgetMatchCount;
+};
+
 const getIconVirtualDom = (icon, type = Div) => {
   return {
     type,
@@ -10498,17 +10728,18 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
   return dom;
 };
 
-const getFindWidgetFindVirtualDom = (matchCountText, buttons) => {
+const getFindWidgetFindVirtualDom = (matchCountText, buttons, matchCount, value) => {
   const dom = [];
   dom.push({
     type: Div,
     className: FindWidgetFind,
     childCount: 5
   });
-  dom.push(...getSearchFieldVirtualDom('search-value', find(), 'handleInput', [], [], 'handleFocus'));
+  dom.push(...getSearchFieldVirtualDom('search-value', find(), HandleInput, [], [], HandleFocus));
+  const findClassName = getFindMatchCountClassName(matchCount, value);
   dom.push({
     type: Div,
-    className: FindWidgetMatchCount,
+    className: findClassName,
     childCount: 1
   }, text(matchCountText), ...buttons.flatMap(getIconButtonVirtualDom));
   return dom;
@@ -10521,7 +10752,7 @@ const getFindWidgetReplaceVirtualDom = (replaceExpanded, replaceButtons) => {
       type: Div,
       className: FindWidgetReplace,
       childCount: 1 + replaceButtons.length
-    }, ...getSearchFieldVirtualDom('replace-value', replace(), 'handleReplaceInput', [], [], 'handleReplaceFocus'), ...replaceButtons.flatMap(getIconButtonVirtualDom));
+    }, ...getSearchFieldVirtualDom('replace-value', replace(), HandleReplaceInput, [], [], HandleReplaceFocus), ...replaceButtons.flatMap(getIconButtonVirtualDom));
   }
   return dom;
 };
@@ -10545,7 +10776,7 @@ const getSearchToggleButtonVirtualDom = (replaceExpanded, onClick = '') => {
   }];
 };
 
-const getFindWidgetVirtualDom = (matchCountText, replaceExpanded, findButtons, replaceButtons, matchCase, matchWholeWord, useRegularExpression) => {
+const getFindWidgetVirtualDom = (matchCountText, replaceExpanded, findButtons, replaceButtons, matchCase, matchWholeWord, useRegularExpression, matchCount, value) => {
   const dom = [];
   dom.push({
     type: Div,
@@ -10559,7 +10790,7 @@ const getFindWidgetVirtualDom = (matchCountText, replaceExpanded, findButtons, r
     className: FindWidgetRight,
     childCount: replaceExpanded ? 2 : 1
   });
-  dom.push(...getFindWidgetFindVirtualDom(matchCountText, findButtons));
+  dom.push(...getFindWidgetFindVirtualDom(matchCountText, findButtons, matchCount, value));
   if (replaceExpanded) {
     dom.push(...getFindWidgetReplaceVirtualDom(replaceExpanded, replaceButtons));
   }
@@ -10583,20 +10814,23 @@ const renderValue = {
 };
 const renderDetails = {
   isEqual(oldState, newState) {
-    return oldState.matchIndex === newState.matchIndex && oldState.matchCount === newState.matchCount && oldState.replaceExpanded === newState.replaceExpanded;
+    return oldState.matchIndex === newState.matchIndex && oldState.matchCount === newState.matchCount && oldState.replaceExpanded === newState.replaceExpanded && oldState.value === newState.value;
   },
   apply(oldState, newState) {
     const matchCountText = getMatchCountText(newState.matchIndex, newState.matchCount);
-    const buttonsEnabled = newState.matchCount > 0;
+    const {
+      findButtonsEnabled,
+      replaceButtonsEnabled
+    } = getFindWidgetButtonsEnabled(newState.matchCount, newState.value);
     const {
       findButtons,
       replaceButtons
-    } = getFindWidgetButtons(buttonsEnabled);
-    const dom = getFindWidgetVirtualDom(matchCountText, newState.replaceExpanded, findButtons, replaceButtons);
+    } = getFindWidgetButtons(findButtonsEnabled, replaceButtonsEnabled);
+    const dom = getFindWidgetVirtualDom(matchCountText, newState.replaceExpanded, findButtons, replaceButtons, newState.matchCase, newState.matchWholeWord, newState.useRegularExpression, newState.matchCount, newState.value);
     return ['Viewlet.setDom2', dom];
   }
 };
-const renderBounds$1 = {
+const renderBounds$2 = {
   isEqual(oldState, newState) {
     return oldState.x === newState.x && oldState.y === newState.y && oldState.width === newState.width && oldState.height === newState.height;
   },
@@ -10610,7 +10844,7 @@ const renderBounds$1 = {
     return [/* method */SetBounds, /* x */x, /* y */y, /* width */width, /* height */height];
   }
 };
-const renderFocus = {
+const renderFocus$1 = {
   isEqual(oldState, newState) {
     return oldState.focused === newState.focused && oldState.focus === newState.focus && oldState.focusSource === newState.focusSource;
   },
@@ -10639,16 +10873,16 @@ const renderFocus = {
 //   },
 // }
 
-const render$4 = [renderDetails, renderBounds$1, renderValue, renderFocus];
+const render$6 = [renderDetails, renderBounds$2, renderValue, renderFocus$1];
 const apply = (oldState, newState) => {
   // TODO avoid side effect
   if (oldState.focus !== newState.focus) {
     setFocus(newState.focus);
   }
-  return renderParts(render$4, oldState, newState);
+  return renderParts(render$6, oldState, newState);
 };
 
-const render$3 = widget => {
+const render$5 = widget => {
   const commands = apply(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const uid = widget.newState.uid;
@@ -10661,36 +10895,113 @@ const render$3 = widget => {
   }
   return wrappedCommands;
 };
-const add$2 = widget => {
-  return addWidget(widget, 'FindWidget', render$3);
+const add$3 = widget => {
+  return addWidget(widget, 'FindWidget', render$5);
 };
-const remove$2 = removeWidget;
+const remove$3 = removeWidget;
 const Commands = {
   'FindWidget.close': close$1,
-  'FindWidget.focusNext': focusNext$1,
+  'FindWidget.focusNext': focusNext$2,
   'FindWidget.focusPrevious': focusPrevious$1,
-  'FindWidget.focusIndex': focusIndex$1,
+  'FindWidget.focusIndex': focusIndex$2,
   'FindWidget.focusLast': focusLast,
   'FindWidget.toggleReplace': toggleReplace,
   'FindWidget.handleFocus': focusFind,
-  'FindWidget.handleBlur': handleBlur
+  'FindWidget.handleBlur': handleBlur$1
 };
 
 const EditorFindWidget = {
   __proto__: null,
   Commands,
+  add: add$3,
+  remove: remove$3,
+  render: render$5
+};
+
+const render$4 = widget => {
+  const commands = renderHover(widget.oldState, widget.newState);
+  const wrappedCommands = [];
+  const uid = widget.newState.uid;
+  for (const command of commands) {
+    if (command[0] === 'Viewlet.setDom2') {
+      wrappedCommands.push([command[0], uid, ...command.slice(1)]);
+    } else {
+      wrappedCommands.push(['Viewlet.send', uid, ...command]);
+    }
+  }
+  return wrappedCommands;
+};
+const add$2 = widget => {
+  return addWidget(widget, 'EditorHover', render$4);
+};
+const remove$2 = removeWidget;
+
+const EditorHoverWidget = {
+  __proto__: null,
   add: add$2,
   remove: remove$2,
-  render: render$3
+  render: render$4
+};
+
+const getRenameVirtualDom = state => {
+  return [{
+    type: Div,
+    className: 'Viewlet EditorRename',
+    childCount: 1
+  }, {
+    type: Input,
+    className: 'InputBox RenameInputBox',
+    value: state.newValue,
+    childCount: 0,
+    onBlur: 'handleBlur'
+  }];
+};
+
+const renderContent = {
+  isEqual(oldState, newState) {
+    return false;
+  },
+  apply(oldState, newState) {
+    const dom = getRenameVirtualDom(newState);
+    return ['Viewlet.setDom2', newState.uid, dom];
+  }
+};
+const renderBounds$1 = {
+  isEqual(oldState, newState) {
+    return oldState.x === newState.x && oldState.y === newState.y && oldState.width === newState.width && oldState.height === newState.height;
+  },
+  apply(oldState, newState) {
+    const {
+      x,
+      y,
+      width,
+      height
+    } = newState;
+    return [/* method */SetBounds, /* x */x, /* y */y, /* width */width, /* height */height];
+  }
+};
+const renderFocus = {
+  isEqual(oldState, newState) {
+    return oldState.focused === newState.focused;
+  },
+  apply(oldState, newState) {
+    return [/* method */'Viewlet.focusSelector', newState.uid, '.RenameInputBox'];
+  }
+};
+const render$3 = [renderContent, renderBounds$1, renderFocus];
+const renderFull = (oldState, newState) => {
+  return renderParts(render$3, oldState, newState);
 };
 
 const render$2 = widget => {
-  const commands = renderHover(widget.oldState, widget.newState);
+  const commands = renderFull(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const uid = widget.newState.uid;
   for (const command of commands) {
     if (command[0] === 'Viewlet.setDom2') {
-      wrappedCommands.push([command[0], uid, ...command.slice(1)]);
+      wrappedCommands.push(command);
+    } else if (command[0] === 'Viewlet.focusSelector') {
+      wrappedCommands.push(command);
     } else {
       wrappedCommands.push(['Viewlet.send', uid, ...command]);
     }
@@ -10698,11 +11009,11 @@ const render$2 = widget => {
   return wrappedCommands;
 };
 const add$1 = widget => {
-  return addWidget(widget, 'EditorHover', render$2);
+  return addWidget(widget, 'EditorRename', render$2);
 };
 const remove$1 = removeWidget;
 
-const EditorHoverWidget = {
+const EditorRenameWidget = {
   __proto__: null,
   add: add$1,
   remove: remove$1,
@@ -10731,7 +11042,32 @@ const getSourceActionListItemVirtualDom = sourceAction => {
   }, text(name)];
 };
 
+const getEditorMessageVirtualDom = message => {
+  const dom = [{
+    type: Div,
+    className: 'Viewlet EditorMessage',
+    tabIndex: -1,
+    childCount: 2
+  }, {
+    type: Div,
+    className: 'EditorMessageText',
+    childCount: 1
+  }, text(message), {
+    type: Div,
+    className: 'EditorMessageTriangle',
+    childCount: 0
+  }];
+  return dom;
+};
+
+const getEmptySourceActionsVirtualDom = () => {
+  return getEditorMessageVirtualDom(noCodeActionsAvailable());
+};
+
 const getSourceActionsVirtualDom = sourceActions => {
+  if (sourceActions.length === 0) {
+    return getEmptySourceActionsVirtualDom();
+  }
   const dom = [{
     type: Div,
     className: 'Viewlet EditorSourceActions',
@@ -10744,7 +11080,7 @@ const getSourceActionsVirtualDom = sourceActions => {
     childCount: 1
   }, text(sourceAction()), {
     type: Div,
-    className: 'EditorSourceActionsList',
+    className: EditorSourceActionsList,
     childCount: sourceActions.length,
     onClick: HandleClick
   }, ...sourceActions.flatMap(getSourceActionListItemVirtualDom)];
@@ -10819,11 +11155,12 @@ const EditorSourceActionWidget = {
 };
 
 const registerWidgets = () => {
-  set$7(ColorPicker$2, EditorColorPickerWidget);
+  set$7(ColorPicker$1, EditorColorPickerWidget);
   set$7(Completion, EditorCompletionWidget);
-  set$7(CompletionDetail$1, EditorCompletionDetailWidget);
+  set$7(CompletionDetail, EditorCompletionDetailWidget);
   set$7(Find, EditorFindWidget);
   set$7(Hover, EditorHoverWidget);
+  set$7(Rename, EditorRenameWidget);
   set$7(SourceAction, EditorSourceActionWidget);
 };