@codingame/monaco-vscode-katex-common 31.0.0 → 32.0.0

package/vscode/src/vs/workbench/contrib/inlineChat/browser/inlineChatOverlayWidget.js

@@ -1,617 +0,0 @@
-
-import { registerCss } from '@codingame/monaco-vscode-api/css';
-import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
-import * as inlineChatOverlayWidget from './media/inlineChatOverlayWidget.css';
-import { $, append, setVisibility, DisposableResizeObserver, getTotalWidth, addDisposableListener, isAncestorOfActiveElement, trackFocus, createElement } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
-import { DEFAULT_FONT_FAMILY } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/fonts';
-import { StandardKeyboardEvent } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/keyboardEvent';
-import { renderAsPlaintext, renderMarkdown } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/markdownRenderer';
-import { ActionsOrientation } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/actionbar/actionbar';
-import { WorkbenchActionBar } from '../../../../platform/actions/browser/actionbar.js';
-import { DomScrollableElement } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/scrollbar/scrollableElement';
-import { ActionRunner } from '@codingame/monaco-vscode-api/vscode/vs/base/common/actions';
-import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
-import { MarkdownString } from '@codingame/monaco-vscode-api/vscode/vs/base/common/htmlContent';
-import { KeyCode } from '@codingame/monaco-vscode-api/vscode/vs/base/common/keyCodes';
-import { Disposable, DisposableStore, toDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
-import '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/index';
-import { ScrollbarVisibility } from '@codingame/monaco-vscode-api/vscode/vs/base/common/scrollable';
-import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
-import { URI } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uri';
-import { EditorOption } from '@codingame/monaco-vscode-api/vscode/vs/editor/common/config/editorOptions';
-import { EditorExtensionsRegistry } from '@codingame/monaco-vscode-api/vscode/vs/editor/browser/editorExtensions';
-import { CodeEditorWidget } from '@codingame/monaco-vscode-api/vscode/vs/editor/browser/widget/codeEditor/codeEditorWidget';
-import { IModelService } from '@codingame/monaco-vscode-api/vscode/vs/editor/common/services/model.service';
-import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
-import { MenuWorkbenchToolBar, HiddenItemStrategy } from '@codingame/monaco-vscode-api/vscode/vs/platform/actions/browser/toolbar';
-import { getFlatActionBarActions } from '@codingame/monaco-vscode-api/vscode/vs/platform/actions/browser/menuEntryActionViewItem';
-import { MenuId } from '@codingame/monaco-vscode-api/vscode/vs/platform/actions/common/actions';
-import { IMenuService } from '@codingame/monaco-vscode-api/vscode/vs/platform/actions/common/actions.service';
-import { IContextKeyService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service';
-import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
-import { ChatEditingAcceptRejectActionViewItem } from '../../chat/browser/chatEditing/chatEditingEditorOverlay.js';
-import { CTX_INLINE_CHAT_INPUT_HAS_TEXT, CTX_INLINE_CHAT_INPUT_WIDGET_FOCUSED } from '../common/inlineChat.js';
-import { StickyScrollController } from '@codingame/monaco-vscode-api/vscode/vs/editor/contrib/stickyScroll/browser/stickyScrollController';
-import { IKeybindingService } from '@codingame/monaco-vscode-api/vscode/vs/platform/keybinding/common/keybinding.service';
-import { IConfigurationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service';
-import { getSimpleEditorOptions } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/codeEditor/browser/simpleEditorOptions';
-import { PlaceholderTextContribution } from '@codingame/monaco-vscode-api/vscode/vs/editor/contrib/placeholderText/browser/placeholderTextContribution';
-import { assertType } from '@codingame/monaco-vscode-api/vscode/vs/base/common/types';
-import { IInlineChatHistoryService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/inlineChat/browser/inlineChatHistoryService.service';
-import { observableValue } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/observables/observableValue';
-import { observableFromEvent, observableFromEventOpts } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/observables/observableFromEvent';
-import { constObservable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/observables/constObservable';
-import { derived } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/observables/derived';
-import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
-
-registerCss(inlineChatOverlayWidget);
-let InlineChatInputWidget = class InlineChatInputWidget extends Disposable {
-    #domNode;
-    #container;
-    #inputContainer;
-    #toolbarContainer;
-    #input;
-    #position;
-    #showStore;
-    #stickyScrollHeight;
-    #layoutData;
-    #anchorLineNumber;
-    #anchorLeft;
-    #anchorAbove;
-    #editorObs;
-    #historyService;
-    constructor(
-        editorObs,
-        contextKeyService,
-        menuService,
-        instantiationService,
-        modelService,
-        configurationService,
-        historyService
-    ) {
-        super();
-        this.#position = observableValue(this, null);
-        this.position = this.#position;
-        this.#showStore = this._store.add(( new DisposableStore()));
-        this.#anchorLineNumber = 0;
-        this.#anchorLeft = 0;
-        this.#anchorAbove = false;
-        this.#editorObs = editorObs;
-        this.#historyService = historyService;
-        this.#domNode = $(".inline-chat-gutter-menu");
-        this.#container = append(this.#domNode, $(".inline-chat-gutter-container"));
-        this.#inputContainer = append(this.#container, $(".input"));
-        this.#toolbarContainer = append(this.#container, $(".toolbar"));
-        const actionsContainer = append(this.#domNode, $(".inline-chat-gutter-actions"));
-        const actionBar = this._store.add(
-            instantiationService.createInstance(WorkbenchActionBar, actionsContainer, {
-                orientation: ActionsOrientation.VERTICAL,
-                preventLoopNavigation: true,
-                telemetrySource: "inlineChatInput.actionBar"
-            })
-        );
-        const actionsMenu = this._store.add(menuService.createMenu(MenuId.ChatEditorInlineMenu, contextKeyService));
-        const updateActions = () => {
-            const actions = getFlatActionBarActions(actionsMenu.getActions({
-                shouldForwardArgs: true
-            }));
-            actionBar.clear();
-            actionBar.push(actions);
-            setVisibility(actions.length > 0, actionsContainer);
-        };
-        this._store.add(actionsMenu.onDidChange(updateActions));
-        updateActions();
-        const options = getSimpleEditorOptions(configurationService);
-        options.wordWrap = "off";
-        options.wrappingStrategy = "advanced";
-        options.lineNumbers = "off";
-        options.glyphMargin = false;
-        options.lineDecorationsWidth = 0;
-        options.lineNumbersMinChars = 0;
-        options.folding = false;
-        options.minimap = {
-            enabled: false
-        };
-        options.scrollbar = {
-            vertical: "hidden",
-            horizontal: "hidden",
-            alwaysConsumeMouseWheel: true
-        };
-        options.renderLineHighlight = "none";
-        options.fontFamily = DEFAULT_FONT_FAMILY;
-        options.fontSize = 13;
-        options.lineHeight = 20;
-        options.cursorWidth = 1;
-        options.padding = {
-            top: 2,
-            bottom: 2
-        };
-        const codeEditorWidgetOptions = {
-            isSimpleWidget: true,
-            contributions: EditorExtensionsRegistry.getSomeEditorContributions([PlaceholderTextContribution.ID])
-        };
-        this.#input = this._store.add(
-            instantiationService.createInstance(CodeEditorWidget, this.#inputContainer, options, codeEditorWidgetOptions)
-        );
-        const model = this._store.add(modelService.createModel("", null, ( URI.parse(`gutter-input:${Date.now()}`)), true));
-        this.#input.setModel(model);
-        const toolbar = this._store.add(
-            instantiationService.createInstance(MenuWorkbenchToolBar, this.#toolbarContainer, MenuId.InlineChatInput, {
-                telemetrySource: "inlineChatInput.toolbar",
-                hiddenItemStrategy: HiddenItemStrategy.NoHide,
-                toolbarOptions: {
-                    primaryGroup: () => true
-                },
-                menuOptions: {
-                    shouldForwardArgs: true
-                }
-            })
-        );
-        const stickyScrollController = StickyScrollController.get(this.#editorObs.editor);
-        this.#stickyScrollHeight = stickyScrollController ? observableFromEvent(
-            stickyScrollController.onDidChangeStickyScrollHeight,
-            () => stickyScrollController.stickyScrollWidgetHeight
-        ) : constObservable(0);
-        const toolbarWidth = observableValue(this, 0);
-        const resizeObserver = new DisposableResizeObserver(() => {
-            toolbarWidth.set(getTotalWidth(toolbar.getElement()), undefined);
-        });
-        this._store.add(resizeObserver);
-        this._store.add(resizeObserver.observe(toolbar.getElement()));
-        const contentWidth = observableFromEvent(
-            this,
-            this.#input.onDidChangeModelContent,
-            () => this.#input.getContentWidth()
-        );
-        const contentHeight = observableFromEvent(
-            this,
-            this.#input.onDidContentSizeChange,
-            () => this.#input.getContentHeight()
-        );
-        this.#layoutData = derived(r => {
-            const editorPad = 6;
-            const totalWidth = contentWidth.read(r) + editorPad + toolbarWidth.read(r);
-            const minWidth = 220;
-            const maxWidth = 600;
-            const midWidth = Math.round(maxWidth / 1.618);
-            let clampedWidth;
-            if (this.#input.getOption(EditorOption.wordWrap) === "on") {
-                clampedWidth = maxWidth;
-            } else if (totalWidth <= minWidth) {
-                clampedWidth = minWidth;
-            } else if (totalWidth <= midWidth) {
-                clampedWidth = midWidth;
-            } else {
-                clampedWidth = maxWidth;
-            }
-            const lineHeight = this.#input.getOption(EditorOption.lineHeight);
-            const clampedHeight = Math.min(contentHeight.read(r), (3 * lineHeight));
-            if (totalWidth > clampedWidth) {
-                this.#input.updateOptions({
-                    wordWrap: "on"
-                });
-            }
-            return {
-                editorPad,
-                toolbarWidth: toolbarWidth.read(r),
-                totalWidth: clampedWidth,
-                height: clampedHeight
-            };
-        });
-        this._store.add(autorun(r => {
-            const {
-                editorPad,
-                toolbarWidth,
-                totalWidth,
-                height
-            } = this.#layoutData.read(r);
-            const inputWidth = totalWidth - toolbarWidth - editorPad;
-            this.#container.style.width = `${totalWidth}px`;
-            this.#inputContainer.style.width = `${inputWidth}px`;
-            this.#input.layout({
-                width: inputWidth,
-                height
-            });
-            if (this.#position.read(undefined) !== null) {
-                this.#updatePosition();
-            }
-        }));
-        this._store.add(
-            this.#input.onDidFocusEditorText(() => this.#container.classList.add("focused"))
-        );
-        this._store.add(
-            this.#input.onDidBlurEditorText(() => this.#container.classList.remove("focused"))
-        );
-        this._store.add(this.#input.onDidScrollChange(e => {
-            this.#toolbarContainer.classList.toggle("fake-scroll-decoration", e.scrollTop > 0);
-        }));
-        const inputHasText = CTX_INLINE_CHAT_INPUT_HAS_TEXT.bindTo(contextKeyService);
-        this._store.add(this.#input.onDidChangeModelContent(() => {
-            inputHasText.set(this.#input.getModel().getValue().trim().length > 0);
-        }));
-        this._store.add(toDisposable(() => inputHasText.reset()));
-        const inputWidgetFocused = CTX_INLINE_CHAT_INPUT_WIDGET_FOCUSED.bindTo(contextKeyService);
-        this._store.add(this.#input.onDidFocusEditorText(() => inputWidgetFocused.set(true)));
-        this._store.add(this.#input.onDidBlurEditorText(() => inputWidgetFocused.set(false)));
-        this._store.add(toDisposable(() => inputWidgetFocused.reset()));
-        this._store.add(this.#input.onKeyDown(e => {
-            if (e.keyCode === KeyCode.UpArrow) {
-                const position = this.#input.getPosition();
-                if (position && position.lineNumber === 1) {
-                    this.#showPreviousHistoryValue();
-                    e.preventDefault();
-                    e.stopPropagation();
-                }
-            } else if (e.keyCode === KeyCode.DownArrow) {
-                const model = this.#input.getModel();
-                const position = this.#input.getPosition();
-                if (position && position.lineNumber === model.getLineCount()) {
-                    if (!this.#historyService.isAtEnd()) {
-                        this.#showNextHistoryValue();
-                        e.preventDefault();
-                        e.stopPropagation();
-                    } else if (!actionBar.isEmpty()) {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        actionBar.focus(0);
-                    }
-                }
-            }
-        }));
-        this._store.add(addDisposableListener(actionBar.domNode, "keydown", e => {
-            const event = ( new StandardKeyboardEvent(e));
-            if (event.keyCode === KeyCode.Escape) {
-                event.preventDefault();
-                event.stopPropagation();
-                this.hide();
-            } else if (event.keyCode === KeyCode.UpArrow) {
-                const firstItem = actionBar.viewItems[0];
-                if (firstItem?.element && isAncestorOfActiveElement(firstItem.element)) {
-                    event.preventDefault();
-                    event.stopPropagation();
-                    this.#input.focus();
-                }
-            }
-        }, true));
-        const focusTracker = this._store.add(trackFocus(this.#domNode));
-        this._store.add(focusTracker.onDidBlur(() => this.hide()));
-    }
-    get value() {
-        return this.#input.getModel().getValue().trim();
-    }
-    addToHistory(value) {
-        this.#historyService.addToHistory(value);
-    }
-    #showPreviousHistoryValue() {
-        if (this.#historyService.isAtEnd()) {
-            this.#historyService.replaceLast(this.#input.getModel().getValue());
-        }
-        const value = this.#historyService.previousValue();
-        if (value !== undefined) {
-            this.#input.getModel().setValue(value);
-        }
-    }
-    #showNextHistoryValue() {
-        if (this.#historyService.isAtEnd()) {
-            return;
-        }
-        const value = this.#historyService.nextValue();
-        if (value !== undefined) {
-            this.#input.getModel().setValue(value);
-        }
-    }
-    show(lineNumber, left, anchorAbove, placeholder, value) {
-        this.#showStore.clear();
-        this.#historyService.resetCursor();
-        this.#input.updateOptions({
-            wordWrap: "off",
-            placeholder
-        });
-        this.#input.getModel().setValue(value ?? "");
-        this.#anchorLineNumber = lineNumber;
-        this.#anchorLeft = left;
-        this.#anchorAbove = anchorAbove;
-        this.#updatePosition();
-        this.#showStore.add(this.#editorObs.createOverlayWidget({
-            domNode: this.#domNode,
-            position: this.#position,
-            minContentWidthInPx: constObservable(0),
-            allowEditorOverflow: true
-        }));
-        this.#updatePosition();
-        this.#showStore.add(this.#editorObs.editor.onDidScrollChange(() => {
-            const visibleRanges = this.#editorObs.editor.getVisibleRanges();
-            const isLineVisible = ( visibleRanges.some(
-                range => this.#anchorLineNumber >= range.startLineNumber && this.#anchorLineNumber <= range.endLineNumber
-            ));
-            const hasContent = !!this.#input.getModel().getValue();
-            if (!isLineVisible && !hasContent) {
-                this.hide();
-            } else {
-                this.#updatePosition();
-            }
-        }));
-        this.#showStore.add(this.#editorObs.editor.onDidLayoutChange(() => {
-            this.#updatePosition();
-        }));
-        setTimeout(() => {
-            this.#input.focus();
-            if (value) {
-                this.#input.setSelection(this.#input.getModel().getFullModelRange());
-            }
-        }, 0);
-    }
-    #updatePosition() {
-        const editor = this.#editorObs.editor;
-        const lineHeight = editor.getOption(EditorOption.lineHeight);
-        const top = editor.getTopForLineNumber(this.#anchorLineNumber) - editor.getScrollTop();
-        let adjustedTop = top;
-        if (this.#anchorAbove) {
-            const widgetHeight = this.#domNode.offsetHeight;
-            adjustedTop = top - widgetHeight;
-        } else {
-            adjustedTop = top + lineHeight;
-        }
-        const stickyScrollHeight = this.#stickyScrollHeight.get();
-        const layoutInfo = editor.getLayoutInfo();
-        const widgetHeight = this.#domNode.offsetHeight;
-        const widgetWidth = this.#domNode.offsetWidth;
-        const minTop = stickyScrollHeight;
-        const maxTop = layoutInfo.height - widgetHeight;
-        const padding = 8;
-        const maxLeft = layoutInfo.width - layoutInfo.verticalScrollbarWidth - layoutInfo.minimap.minimapWidth - widgetWidth - padding;
-        const clampedTop = Math.max(minTop, Math.min(adjustedTop, maxTop));
-        const clampedLeft = Math.max(0, Math.min(this.#anchorLeft, maxLeft));
-        const isClamped = clampedTop !== adjustedTop || clampedLeft !== this.#anchorLeft;
-        this.#domNode.classList.toggle("clamped", isClamped);
-        this.#position.set({
-            preference: {
-                top: clampedTop,
-                left: clampedLeft
-            },
-            stackOrdinal: 10000
-        }, undefined);
-    }
-    hide() {
-        const editorDomNode = this.#editorObs.editor.getDomNode();
-        if (editorDomNode && isAncestorOfActiveElement(editorDomNode)) {
-            this.#editorObs.editor.focus();
-        }
-        this.#position.set(null, undefined);
-        this.#input.getModel().setValue("");
-        this.#showStore.clear();
-    }
-};
-InlineChatInputWidget = ( __decorate([( __param(1, IContextKeyService)), ( __param(2, IMenuService)), ( __param(3, IInstantiationService)), ( __param(4, IModelService)), ( __param(5, IConfigurationService)), ( __param(6, IInlineChatHistoryService))], InlineChatInputWidget));
-let InlineChatSessionOverlayWidget = class InlineChatSessionOverlayWidget extends Disposable {
-    #domNode = createElement("div");
-    #container;
-    #markdownContainer;
-    #markdownMessage;
-    #markdownScrollable;
-    #contentRow;
-    #statusNode;
-    #icon;
-    #message;
-    #toolbarNode;
-    #showStore = this._store.add(( new DisposableStore()));
-    #position = observableValue(this, null);
-    #minContentWidthInPx = constObservable(0);
-    #stickyScrollHeight;
-    #editorObs;
-    #instaService;
-    #keybindingService;
-    constructor(editorObs, instaService, keybindingService) {
-        super();
-        this.#editorObs = editorObs;
-        this.#instaService = instaService;
-        this.#keybindingService = keybindingService;
-        this.#domNode.classList.add("inline-chat-session-overlay-widget");
-        this.#container = createElement("div");
-        this.#domNode.appendChild(this.#container);
-        this.#container.classList.add("inline-chat-session-overlay-container");
-        this.#markdownContainer = createElement("div");
-        this.#markdownContainer.classList.add("markdown-scroll-container");
-        this.#markdownMessage = createElement("div");
-        this.#markdownMessage.classList.add("markdown-message");
-        this.#markdownContainer.appendChild(this.#markdownMessage);
-        this.#markdownScrollable = this._store.add(( new DomScrollableElement(this.#markdownContainer, {
-            consumeMouseWheelIfScrollbarIsNeeded: true,
-            horizontal: ScrollbarVisibility.Hidden,
-            vertical: ScrollbarVisibility.Auto
-        })));
-        this.#container.appendChild(this.#markdownScrollable.getDomNode());
-        this.#contentRow = createElement("div");
-        this.#contentRow.classList.add("content-row");
-        this.#container.appendChild(this.#contentRow);
-        this.#statusNode = createElement("div");
-        this.#statusNode.classList.add("status");
-        this.#icon = append(this.#statusNode, $("span"));
-        this.#message = append(this.#statusNode, $("span.message"));
-        this.#contentRow.appendChild(this.#statusNode);
-        this.#toolbarNode = createElement("div");
-        this.#toolbarNode.classList.add("toolbar");
-        const stickyScrollController = StickyScrollController.get(this.#editorObs.editor);
-        this.#stickyScrollHeight = stickyScrollController ? observableFromEvent(
-            stickyScrollController.onDidChangeStickyScrollHeight,
-            () => stickyScrollController.stickyScrollWidgetHeight
-        ) : constObservable(0);
-    }
-    show(session) {
-        assertType(this.#editorObs.editor.hasModel());
-        this.#showStore.clear();
-        const entry = derived(r => session.editingSession.readEntry(session.uri, r));
-        const requestMessage = derived(r => {
-            const chatModel = session?.chatModel;
-            if (!session || !chatModel) {
-                return undefined;
-            }
-            const terminationState = session.terminationState.read(r);
-            if (terminationState) {
-                return {
-                    markdown: terminationState,
-                    icon: Codicon.info
-                };
-            }
-            const response = chatModel.lastRequestObs.read(r)?.response;
-            if (!response) {
-                return {
-                    message: ( localize(10098, "Working...")),
-                    icon: ThemeIcon.modify(Codicon.loading, "spin")
-                };
-            }
-            if (response.isComplete) {
-                const result = response.result;
-                if (result?.errorDetails) {
-                    return {
-                        message: ( localize(10099, "Sorry, your request failed")),
-                        icon: Codicon.error
-                    };
-                }
-                const changes = entry.read(r)?.changesCount.read(r) ?? 0;
-                return {
-                    message: changes === 0 ? ( localize(10100, "Done")) : changes === 1 ? ( localize(10101, "Done, 1 change")) : ( localize(10102, "Done, {0} changes", changes)),
-                    icon: Codicon.check
-                };
-            }
-            const pendingConfirmation = response.isPendingConfirmation.read(r);
-            if (pendingConfirmation) {
-                return {
-                    message: ( localize(10103, "Sorry, but an unexpected error happened")),
-                    icon: Codicon.error
-                };
-            }
-            const lastPart = observableFromEventOpts({
-                equalsFn: () => false
-            }, response.onDidChange, () => response.response.value).read(r).filter(part => part.kind === "progressMessage" || part.kind === "toolInvocation").at(-1);
-            if (lastPart?.kind === "toolInvocation") {
-                return {
-                    message: lastPart.invocationMessage,
-                    icon: ThemeIcon.modify(Codicon.loading, "spin")
-                };
-            } else if (lastPart?.kind === "progressMessage") {
-                return {
-                    message: lastPart.content,
-                    icon: ThemeIcon.modify(Codicon.loading, "spin")
-                };
-            } else {
-                return {
-                    message: ( localize(10098, "Working...")),
-                    icon: ThemeIcon.modify(Codicon.loading, "spin")
-                };
-            }
-        });
-        const markdownStore = this.#showStore.add(( new DisposableStore()));
-        this.#showStore.add(autorun(r => {
-            const value = requestMessage.read(r);
-            if (value) {
-                if (value.message && value.icon) {
-                    this.#message.innerText = renderAsPlaintext(value.message);
-                    this.#icon.className = "";
-                    this.#icon.classList.add(...ThemeIcon.asClassNameArray(value.icon));
-                    this.#statusNode.classList.remove("hidden");
-                    this.#contentRow.classList.remove("status-hidden");
-                } else {
-                    this.#message.innerText = "";
-                    this.#icon.className = "";
-                    this.#statusNode.classList.add("hidden");
-                    this.#contentRow.classList.add("status-hidden");
-                }
-                markdownStore.clear();
-                this.#markdownMessage.replaceChildren();
-                if (value.markdown) {
-                    this.#markdownScrollable.getDomNode().classList.remove("hidden");
-                    const markdown = typeof value.markdown === "string" ? ( new MarkdownString(value.markdown)) : value.markdown;
-                    const rendered = markdownStore.add(renderMarkdown(markdown));
-                    this.#markdownMessage.appendChild(rendered.element);
-                    this.#markdownScrollable.scanDomNode();
-                } else {
-                    this.#markdownScrollable.getDomNode().classList.add("hidden");
-                }
-            } else {
-                this.#message.innerText = "";
-                this.#icon.className = "";
-                this.#statusNode.classList.add("hidden");
-                this.#contentRow.classList.add("status-hidden");
-                markdownStore.clear();
-                this.#markdownMessage.replaceChildren();
-                this.#markdownScrollable.getDomNode().classList.add("hidden");
-            }
-        }));
-        this.#contentRow.appendChild(this.#toolbarNode);
-        this.#showStore.add(toDisposable(() => this.#toolbarNode.remove()));
-        const that = this;
-        const actionRunner = this.#showStore.add(new (class extends ActionRunner {
-            async runAction(action, context) {
-                that.#editorObs.editor.focus();
-                return super.runAction(action, context);
-            }
-        })());
-        this.#showStore.add(
-            this.#instaService.createInstance(MenuWorkbenchToolBar, this.#toolbarNode, MenuId.ChatEditorInlineExecute, {
-                telemetrySource: "inlineChatProgress.overlayToolbar",
-                hiddenItemStrategy: HiddenItemStrategy.Ignore,
-                actionRunner,
-                toolbarOptions: {
-                    primaryGroup: () => true,
-                    useSeparatorsInPrimaryActions: true
-                },
-                menuOptions: {
-                    renderShortTitle: true
-                },
-                actionViewItemProvider: (action, options) => {
-                    const primaryActions = ["inlineChat2.cancel", "inlineChat2.keep", "inlineChat2.rephrase"];
-                    const labeledActions = primaryActions.concat(["inlineChat2.undo"]);
-                    if (!labeledActions.includes(action.id)) {
-                        return undefined;
-                    }
-                    return ( new ChatEditingAcceptRejectActionViewItem(action, {
-                        ...options,
-                        keybinding: undefined
-                    }, entry, undefined, that.#keybindingService, primaryActions));
-                }
-            })
-        );
-        const lineHeight = this.#editorObs.getOption(EditorOption.lineHeight);
-        const widgetWidth = observableValue(this, 0);
-        const resizeObserver = new DisposableResizeObserver(() => {
-            widgetWidth.set(this.#domNode.offsetWidth, undefined);
-        });
-        this.#showStore.add(resizeObserver);
-        this.#showStore.add(resizeObserver.observe(this.#domNode));
-        this.#showStore.add(autorun(r => {
-            const layoutInfo = this.#editorObs.layoutInfo.read(r);
-            const stickyScrollHeight = this.#stickyScrollHeight.read(r);
-            const width = widgetWidth.read(r);
-            const padding = Math.round(lineHeight.read(r) * 2 / 3);
-            const maxWidth = Math.min(400, layoutInfo.contentWidth - 2 * padding);
-            const maxHeight = Math.min(150, Math.floor(layoutInfo.height / 3));
-            this.#domNode.style.maxWidth = `${maxWidth}px`;
-            this.#markdownScrollable.getDomNode().style.maxHeight = `${maxHeight}px`;
-            this.#markdownContainer.style.maxHeight = `${maxHeight}px`;
-            this.#markdownScrollable.scanDomNode();
-            const top = stickyScrollHeight + padding;
-            const left = layoutInfo.width - width - layoutInfo.verticalScrollbarWidth - layoutInfo.minimap.minimapWidth - padding;
-            this.#position.set({
-                preference: {
-                    top,
-                    left
-                },
-                stackOrdinal: 10000
-            }, undefined);
-        }));
-        this.#showStore.add(this.#editorObs.createOverlayWidget({
-            domNode: this.#domNode,
-            position: this.#position,
-            minContentWidthInPx: this.#minContentWidthInPx,
-            allowEditorOverflow: false
-        }));
-    }
-    hide() {
-        this.#position.set(null, undefined);
-        this.#showStore.clear();
-    }
-};
-InlineChatSessionOverlayWidget = ( __decorate([( __param(1, IInstantiationService)), ( __param(2, IKeybindingService))], InlineChatSessionOverlayWidget));
-
-export { InlineChatInputWidget, InlineChatSessionOverlayWidget };