mohiit1502/Automata
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Add Ask assistant behind feature flag (#9995)

Browse Source 
Co-authored-by: Ricardo Espinoza <ricardo@n8n.io>
Co-authored-by: Milorad Filipovic <milorad@n8n.io>
This commit is contained in:
Mutasem Aldmour
2024-08-14 14:59:11 +02:00
committed by GitHub
parent e4c88e75f9
commit 5ed2a77740
70 changed files with 3414 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/editor-ui/src/components/Node/NodeCreation.vue
View File

@@ -112,7 +112,7 @@ function nodeTypeSelected(nodeTypes: string[]) {
placement="left"
>
<n8n-icon-button
size="xlarge"
size="large"
icon="plus"
type="tertiary"
:class="$style.nodeCreatorPlus"
@@ -173,24 +173,11 @@ function nodeTypeSelected(nodeTypes: string[]) {
.nodeCreatorButton {
position: absolute;
text-align: center;
top: var(--spacing-l);
right: var(--spacing-l);
top: var(--spacing-s);
right: var(--spacing-s);
pointer-events: all !important;
button {
border-color: var(--color-button-node-creator-border-font);
color: var(--color-button-node-creator-border-font);
&:hover {
color: var(--color-button-node-creator-hover-font);
border-color: var(--color-button-node-creator-hover-border);
background: var(--color-button-node-creator-background);
}
}
}
.nodeCreatorPlus {
border-width: 2px;
border-radius: var(--border-radius-base);
width: 36px;
height: 36px;
}

5
packages/editor-ui/src/components/Node/NodeCreator/NodeCreator.vue
View File

@@ -38,6 +38,7 @@ import NodesListPanel from './Panel/NodesListPanel.vue';
import { useCredentialsStore } from '@/stores/credentials.store';
import { useUIStore } from '@/stores/ui.store';
import { DRAG_EVENT_DATA_KEY } from '@/constants';
import { useAssistantStore } from '@/stores/assistant.store';
export interface Props {
active?: boolean;
@@ -52,6 +53,7 @@ const emit = defineEmits<{
nodeTypeSelected: [value: string[]];
}>();
const uiStore = useUIStore();
const assistantStore = useAssistantStore();
const { setShowScrim, setActions, setMergeNodes } = useNodeCreatorStore();
const { generateMergedNodesAndActions } = useActionsGenerator();
@@ -66,7 +68,8 @@ const showScrim = computed(() => useNodeCreatorStore().showScrim);
const viewStacksLength = computed(() => useViewStacks().viewStacks.length);
const nodeCreatorInlineStyle = computed(() => {
return { top: `${uiStore.bannersHeight + uiStore.headerHeight}px` };
const rightPosition = assistantStore.isAssistantOpen ? assistantStore.chatWidth : 0;
return { top: `${uiStore.bannersHeight + uiStore.headerHeight}px`, right: `${rightPosition}px` };
});
function onMouseUpOutside() {
if (state.mousedownInsideEvent) {