feat(core): Update LLM applications building support (no-changelog) (#7710)

extracted out of #7336

---------

Co-authored-by: Jan Oberhauser <jan.oberhauser@gmail.com>
Co-authored-by: Oleg Ivaniv <me@olegivaniv.com>
Co-authored-by: Alex Grozav <alex@grozav.com>

packages/editor-ui/src/components/NDVDraggablePanels.vue

@@ -1,5 +1,11 @@
 <template>
 	<div>
+		<NDVFloatingNodes
+			v-if="activeNode"
+			@switchSelectedNode="onSwitchSelectedNode"
+			:root-node="activeNode"
+			type="input"
+		/>
 		<div :class="$style.inputPanel" v-if="!hideInputAndOutput" :style="inputPanelStyles">
 			<slot name="input"></slot>
 		</div>
@@ -50,6 +56,7 @@ import { LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, MAIN_NODE_PANEL_WIDTH } from '
 import { debounceHelper } from '@/mixins/debounce';
 import { useNDVStore } from '@/stores/ndv.store';
 import { ndvEventBus } from '@/event-bus';
+import NDVFloatingNodes from '@/components/NDVFloatingNodes.vue';
 
 const SIDE_MARGIN = 24;
 const SIDE_PANELS_MARGIN = 80;
@@ -70,6 +77,7 @@ export default defineComponent({
 	mixins: [debounceHelper],
 	components: {
 		PanelDragButton,
+		NDVFloatingNodes,
 	},
 	props: {
 		isDraggable: {
@@ -136,6 +144,9 @@ export default defineComponent({
 		} {
 			return this.ndvStore.getMainPanelDimensions(this.currentNodePaneType);
 		},
+		activeNode() {
+			return this.ndvStore.activeNode;
+		},
 		supportedResizeDirections(): string[] {
 			const supportedDirections = ['right'];
 
@@ -249,6 +260,9 @@ export default defineComponent({
 		},
 	},
 	methods: {
+		onSwitchSelectedNode(node: string) {
+			this.$emit('switchSelectedNode', node);
+		},
 		getInitialLeftPosition(width: number) {
 			if (this.currentNodePaneType === 'dragless')
 				return this.pxToRelativeWidth(SIDE_MARGIN + 1 + this.fixedPanelWidth);