Question: It's possible to add custom panel to theia debug extension?

[eli88p]

Hello,
There is some way to add panel to @theia/debug widget (like in my image)

Thanks in advance.

[akosyakov]

Yes, you should be able to grab debug view container and call addWidget on it via custom Theia extension. With a vscode extension you can declare that your view should belong to debug view container.

That's how it is implemented in the plugin system:

theia/packages/plugin-ext/src/main/browser/view/plugin-view-registry.ts

Lines 124 to 127 in 3d5e4f9

	if (factoryId === DebugWidget.ID && widget instanceof DebugWidget) {
	const viewContainer = widget['sessionWidget']['viewContainer'];
	this.prepareViewContainer('debug', viewContainer);
	}

Basically whenever the debug view is created it injects a new view into it. The same done on the startup in the case if the debug widget was already created:

theia/packages/plugin-ext/src/main/browser/view/plugin-view-registry.ts

Lines 447 to 451 in 3d5e4f9

	const debug = await this.widgetManager.getWidget(DebugWidget.ID);
	if (debug instanceof DebugWidget) {
	const viewContainer = debug['sessionWidget']['viewContainer'];
	await this.prepareViewContainer('debug', viewContainer);
	}