workign on folder location in file create node

src/components/FlowEditor/editor/NodeConfigPanel.tsx

@@ -320,6 +320,7 @@ const _LEGACY_RENDERERS_THAT_HANDLE_BINDINGS = new Set([
   'featureInstance',
   'sharepointFolder',
   'sharepointFile',
+  'userFileFolder',
   'clickupList',
   'clickupTask',
   'dataRef',

src/components/FlowEditor/nodes/frontendTypeRenderers/UserFileFolderPicker.tsx

@@ -0,0 +1,115 @@
+/**
+ * userFileFolder — same folder tree as Meine Dateien (FormGeneratorTree) inside a collapsible panel.
+ */
+
+import React, { useMemo, useCallback, useState } from 'react';
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+import { FormGeneratorTree } from '../../../FormGenerator/FormGeneratorTree';
+import { createFolderFileProvider } from '../../../FormGenerator/FormGeneratorTree/providers/FolderFileProvider';
+import type { TreeNode } from '../../../FormGenerator/FormGeneratorTree';
+import type { FieldRendererProps } from './index';
+
+export const UserFileFolderPicker: React.FC<FieldRendererProps> = ({ param, value, onChange, request }) => {
+  const { t } = useLanguage();
+  const [panelOpen, setPanelOpen] = useState(true);
+
+  const provider = useMemo(() => createFolderFileProvider({ includeFiles: false }), []);
+
+  const strVal = typeof value === 'string' ? value : '';
+  const rootSelected = strVal === '';
+
+  const handleNodeClick = useCallback(
+    (node: TreeNode) => {
+      if (node.type === 'folder') {
+        onChange(node.id);
+      }
+    },
+    [onChange],
+  );
+
+  return (
+    <div style={{ marginBottom: 8 }}>
+      <label style={{ display: 'block', fontSize: 12, marginBottom: 2 }}>{param.description || param.name}</label>
+      {!request && (
+        <div style={{ fontSize: 11, color: '#888' }}>{t('Ordnerliste nicht verfügbar (keine API-Anbindung).')}</div>
+      )}
+      {request && (
+        <>
+          <button
+            type="button"
+            onClick={() => setPanelOpen((o) => !o)}
+            style={{
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'space-between',
+              width: '100%',
+              padding: '6px 10px',
+              marginBottom: panelOpen ? 6 : 0,
+              borderRadius: 6,
+              border: '1px solid var(--color-border, #cbd5e1)',
+              background: 'var(--table-header-bg, #f1f5f9)',
+              cursor: 'pointer',
+              fontSize: 12,
+              textAlign: 'left',
+              color: 'var(--color-text, #334155)',
+            }}
+          >
+            <span style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
+              {panelOpen ? t('Ordnerbaum ausblenden') : t('Ordnerbaum einblenden')}
+            </span>
+            <span aria-hidden style={{ marginLeft: 8, flexShrink: 0 }}>
+              {panelOpen ? '▾' : '▸'}
+            </span>
+          </button>
+
+          {panelOpen && (
+            <div
+              style={{
+                border: '1px solid var(--color-border, #e2e8f0)',
+                borderRadius: 8,
+                overflow: 'hidden',
+                background: 'var(--color-bg, #fff)',
+              }}
+            >
+              <div
+                role="button"
+                tabIndex={0}
+                onClick={() => onChange('')}
+                onKeyDown={(e) => {
+                  if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    onChange('');
+                  }
+                }}
+                style={{
+                  padding: '8px 12px',
+                  fontSize: 12,
+                  fontWeight: 600,
+                  cursor: 'pointer',
+                  borderBottom: '1px solid var(--color-border, #e2e8f0)',
+                  background: rootSelected
+                    ? 'rgba(37, 99, 235, 0.12)'
+                    : 'var(--table-header-bg, #f8fafc)',
+                }}
+              >
+                {t('Stamm — Meine Dateien')}
+              </div>
+              <FormGeneratorTree
+                provider={provider}
+                ownership="own"
+                title={t('Ordner')}
+                compact
+                allowCreateFolder
+                showFilter={false}
+                emptyMessage={t('Noch keine Ordner')}
+                onNodeClick={handleNodeClick}
+                embedMaxHeight={260}
+                hideRowActionButtons
+              />
+            </div>
+          )}
+        </>
+      )}
+    </div>
+  );
+};

src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx

@@ -34,6 +34,7 @@ import type { CanvasNode } from '../../editor/FlowCanvas';
 import { DataRefRenderer } from './DataRefRenderer';
 import { ContextBuilderRenderer } from './ContextBuilderRenderer';
 import { FeatureInstancePicker } from './FeatureInstancePicker';
+import { UserFileFolderPicker } from './UserFileFolderPicker';
 import { TemplateTextareaRenderer } from './TemplateTextareaRenderer';
 import { getApiBaseUrl } from '../../../../../config/config';
 
@@ -917,6 +918,7 @@ export const FRONTEND_TYPE_RENDERERS: Record<string, FieldRendererComponent> = {
   featureInstance: FeatureInstancePicker,
   sharepointFolder: SharepointPathPicker,
   sharepointFile: SharepointPathPicker,
+  userFileFolder: UserFileFolderPicker,
   clickupList: FolderPicker,
   clickupTask: FolderPicker,
   caseList: CaseListEditor,

src/components/FormGenerator/FormGeneratorTree/FormGeneratorTree.module.css

@@ -543,6 +543,22 @@
   line-height: 1.5;
 }
 
+/* Embedded workflow / compact pickers — fixed height so flex children (treeWrapper) get a real viewport */
+.embeddedPicker {
+  display: flex;
+  flex-direction: column;
+  flex: none !important;
+  min-height: 0;
+  overflow: hidden;
+  /* height + maxHeight set inline (embedMaxHeight) */
+}
+
+.embeddedPicker .treeWrapper {
+  flex: 1 1 0;
+  min-height: 0;
+  max-height: none;
+}
+
 /* Compact mode */
 .compactMode .sectionHeader {
   padding: 6px 8px;

src/components/FormGenerator/FormGeneratorTree/FormGeneratorTree.tsx

@@ -180,6 +180,7 @@ interface TreeNodeRowProps<T = any> {
   onDragOver: (e: React.DragEvent, node: TreeNode<T>) => void;
   onDragLeave: (e: React.DragEvent) => void;
   onDrop: (e: React.DragEvent, node: TreeNode<T>) => void;
+  hideRowActionButtons?: boolean;
 }
 
 const TreeNodeRow = React.memo(function TreeNodeRow<T>({
@@ -213,6 +214,7 @@ const TreeNodeRow = React.memo(function TreeNodeRow<T>({
   onDragOver,
   onDragLeave,
   onDrop,
+  hideRowActionButtons = false,
 }: TreeNodeRowProps<T>) {
   const { node, depth, hasChildren } = entry;
   const renameRef = useRef<HTMLInputElement>(null);
@@ -246,11 +248,12 @@ const TreeNodeRow = React.memo(function TreeNodeRow<T>({
   const _handleDoubleClick = useCallback(
     (e: React.MouseEvent) => {
       e.stopPropagation();
+      if (hideRowActionButtons) return;
       if (ownership === 'own' && provider.canRename?.(node)) {
         onStartRename(node.id);
       }
     },
-    [ownership, provider, node, onStartRename],
+    [hideRowActionButtons, ownership, provider, node, onStartRename],
   );
 
   const _handleRowClick = useCallback(
@@ -298,11 +301,11 @@ const TreeNodeRow = React.memo(function TreeNodeRow<T>({
       className={rowClasses}
       onClick={_handleRowClick}
       onDoubleClick={_handleDoubleClick}
-      draggable
-      onDragStart={(e) => onDragStart(e, node)}
-      onDragOver={(e) => onDragOver(e, node)}
-      onDragLeave={onDragLeave}
-      onDrop={(e) => onDrop(e, node)}
+      draggable={!hideRowActionButtons}
+      onDragStart={hideRowActionButtons ? undefined : (e) => onDragStart(e, node)}
+      onDragOver={hideRowActionButtons ? undefined : (e) => onDragOver(e, node)}
+      onDragLeave={hideRowActionButtons ? undefined : onDragLeave}
+      onDrop={hideRowActionButtons ? undefined : (e) => onDrop(e, node)}
       data-node-id={node.id}
       title={node.name}
       role="treeitem"
@@ -312,7 +315,7 @@ const TreeNodeRow = React.memo(function TreeNodeRow<T>({
     >
       <div className={styles.indentSpacer} style={{ width: depth * INDENT_PX }} />
 
-      {selectable && (
+      {!hideRowActionButtons && (
         <input
           type="checkbox"
           className={styles.nodeCheckbox}
@@ -361,156 +364,104 @@ const TreeNodeRow = React.memo(function TreeNodeRow<T>({
         </span>
       )}
 
-      <div className={styles.nodeSizeGroup}>
+      {!hideRowActionButtons && (
         <span className={styles.nodeSize}>
           {node.sizeBytes != null ? _formatSize(node.sizeBytes) : ''}
         </span>
+      )}
 
-        <div className={styles.nodeActionsHover}>
-          {canCreateChild && onCreateChild && (
-            <button
-              className={styles.emojiBtn}
-              onClick={(e) => { e.stopPropagation(); onCreateChild(node.id); }}
-              title="Neuer Unterordner"
-              tabIndex={-1}
-            >
-              {'\u2795'}
-            </button>
-          )}
+      {!hideRowActionButtons && (
+        <>
+          <div className={styles.nodeActionsHover}>
+            {canRename && (
+              <button
+                className={styles.emojiBtn}
+                onClick={(e) => {
+                  e.stopPropagation();
+                  onStartRename(node.id);
+                }}
+                title="Umbenennen"
+                tabIndex={-1}
+              >
+                {'\u270F\uFE0F'}
+              </button>
+            )}
 
-          {canRename && (
-            <button
-              className={styles.emojiBtn}
-              onClick={(e) => { e.stopPropagation(); onStartRename(node.id); }}
-              title="Umbenennen"
-              tabIndex={-1}
-            >
-              {'\u270F\uFE0F'}
-            </button>
-          )}
+            {node.type !== 'folder' && (
+              <button
+                className={styles.emojiBtn}
+                onClick={(e) => {
+                  e.stopPropagation();
+                  onDownload(node);
+                }}
+                title="Datei herunterladen"
+                tabIndex={-1}
+              >
+                {'\u{1F4E5}'}
+              </button>
+            )}
 
-          {node.type !== 'folder' && provider.downloadNode && (
-            <button
-              className={styles.emojiBtn}
-              onClick={(e) => { e.stopPropagation(); onDownload(node); }}
-              title="Datei herunterladen"
-              tabIndex={-1}
-            >
-              {'\u{1F4E5}'}
-            </button>
-          )}
+            {canDelete && (
+              <button
+                className={styles.emojiBtn}
+                onClick={(e) => {
+                  e.stopPropagation();
+                  onDelete(node.id);
+                }}
+                title="Loeschen"
+                tabIndex={-1}
+              >
+                {'\u{1F5D1}\uFE0F'}
+              </button>
+            )}
+          </div>
 
-          {canDelete && (
-            <button
-              className={styles.emojiBtn}
-              onClick={(e) => { e.stopPropagation(); onDelete(node.id); }}
-              title="Loeschen"
-              tabIndex={-1}
-            >
-              {'\u{1F5D1}\uFE0F'}
-            </button>
-          )}
-        </div>
-      </div>
+          <div className={styles.nodeActionsPersistent}>
+            {onSendToChat && (
+              <button
+                className={styles.emojiBtn}
+                onClick={(e) => {
+                  e.stopPropagation();
+                  onSendToChat(node);
+                }}
+                title="In Chat senden"
+                tabIndex={-1}
+              >
+                {'\u{1F4AC}'}
+              </button>
+            )}
 
-      <div className={styles.nodeActionsPersistent}>
-        {/* Order (left-to-right): extraActions (e.g. settings) -> RAG -> sendToChat -> scope -> neutralize. */}
-        {node.extraActions?.map((action) => (
-          <button
-            key={action.key}
-            className={`${styles.emojiBtn} ${action.disabled ? styles.emojiBtnReadonly : ''}`}
-            onClick={(e) => {
-              e.stopPropagation();
-              if (!action.disabled) onExtraAction(node.id, action);
-            }}
-            title={action.tooltip}
-            tabIndex={-1}
-            disabled={action.disabled}
-          >
-            {pendingActions.has(action.key)
-              ? <span className={styles.flagSpinner} />
-              : action.value === 'mixed'
-                ? <span className={styles.flagMixed}>{_MIXED_SYMBOL}</span>
-                : action.icon}
-          </button>
-        ))}
+            {node.scope !== undefined && (
+              <button
+                className={`${styles.emojiBtn} ${canPatchScope ? '' : styles.emojiBtnReadonly}`}
+                onClick={(e) => {
+                  e.stopPropagation();
+                  if (canPatchScope) onCycleScope(node);
+                }}
+                title={`Scope: ${node.scope}`}
+                tabIndex={-1}
+              >
+                {_SCOPE_EMOJIS[node.scope] ?? _SCOPE_EMOJIS.personal}
+              </button>
+            )}
 
-        {node.ragIndexEnabled !== undefined && (
-          <button
-            className={`${styles.emojiBtn} ${canPatchRagIndex ? '' : styles.emojiBtnReadonly}`}
-            onClick={(e) => {
-              e.stopPropagation();
-              if (canPatchRagIndex) onToggleRagIndex(node);
-            }}
-            title={node.ragIndexEnabled === 'mixed'
-              ? 'Gemischt - Klick setzt explizit'
-              : node.ragIndexEnabled ? 'RAG-Indexierung an' : 'RAG-Indexierung aus'}
-            tabIndex={-1}
-          >
-            {pendingActions.has(_ACTION_RAG)
-              ? <span className={styles.flagSpinner} />
-              : node.ragIndexEnabled === 'mixed'
-                ? <span className={styles.flagMixed}>{_MIXED_SYMBOL}</span>
-                : node.ragIndexEnabled === true
-                  ? _RAG_ON_EMOJI
-                  : <span style={_OFF_STATE_STYLE}>{_RAG_OFF_EMOJI}</span>}
-          </button>
-        )}
-
-        {onSendToChat && (
-          <button
-            className={styles.emojiBtn}
-            onClick={(e) => {
-              e.stopPropagation();
-              onSendToChat(node);
-            }}
-            title="In Chat senden"
-            tabIndex={-1}
-          >
-            {'\u{1F4AC}'}
-          </button>
-        )}
-
-        {node.scope !== undefined && (
-          <button
-            className={`${styles.emojiBtn} ${canPatchScope ? '' : styles.emojiBtnReadonly}`}
-            onClick={(e) => {
-              e.stopPropagation();
-              if (canPatchScope) onCycleScope(node);
-            }}
-            title={node.scope === 'mixed' ? 'Gemischt - Klick setzt explizit' : `Scope: ${node.scope}`}
-            tabIndex={-1}
-          >
-            {pendingActions.has(_ACTION_SCOPE)
-              ? <span className={styles.flagSpinner} />
-              : node.scope === 'mixed'
-                ? <span className={styles.flagMixed}>{_MIXED_SYMBOL}</span>
-                : (_SCOPE_EMOJIS[node.scope] ?? _SCOPE_EMOJIS.personal)}
-          </button>
-        )}
-
-        {node.neutralize !== undefined && (
-          <button
-            className={`${styles.emojiBtn} ${canPatchNeutralize ? '' : styles.emojiBtnReadonly}`}
-            onClick={(e) => {
-              e.stopPropagation();
-              if (canPatchNeutralize) onToggleNeutralize(node);
-            }}
-            title={node.neutralize === 'mixed'
-              ? 'Gemischt - Klick setzt explizit'
-              : node.neutralize ? 'Neutralisiert' : 'Nicht neutralisiert'}
-            tabIndex={-1}
-          >
-            {pendingActions.has(_ACTION_NEUTRALIZE)
-              ? <span className={styles.flagSpinner} />
-              : node.neutralize === 'mixed'
-                ? <span className={styles.flagMixed}>{_MIXED_SYMBOL}</span>
-                : node.neutralize === true
-                  ? _NEUTRALIZE_ON_EMOJI
-                  : <span style={_OFF_STATE_STYLE}>{_NEUTRALIZE_OFF_EMOJI}</span>}
-          </button>
-        )}
-      </div>
+            {node.neutralize !== undefined && (
+              <button
+                className={`${styles.emojiBtn} ${canPatchNeutralize ? '' : styles.emojiBtnReadonly}`}
+                onClick={(e) => {
+                  e.stopPropagation();
+                  if (canPatchNeutralize) onToggleNeutralize(node);
+                }}
+                title={node.neutralize ? 'Neutralisiert' : 'Nicht neutralisiert'}
+                tabIndex={-1}
+                style={{ opacity: node.neutralize ? 1 : 0.35 }}
+              >
+                {_NEUTRALIZE_EMOJI}
+              </button>
+            )}
+          </div>
+        </>
+      )}
     </div>
   );
 }) as <T>(props: TreeNodeRowProps<T>) => React.ReactElement;
@@ -532,6 +483,8 @@ export function FormGeneratorTree<T = any>({
   selectable = true,
   refreshAfterAction = false,
   className,
+  embedMaxHeight,
+  hideRowActionButtons = false,
 }: FormGeneratorTreeProps<T>) {
   const { t } = useLanguage();
   const { confirm, ConfirmDialog } = useConfirm();
@@ -1097,6 +1050,7 @@ export function FormGeneratorTree<T = any>({
         }
         case 'F2': {
           e.preventDefault();
+          if (hideRowActionButtons) break;
           const node = nodes.find((n) => n.id === focusedId);
           if (node && ownership === 'own' && provider.canRename?.(node)) {
             _handleStartRename(focusedId);
@@ -1105,6 +1059,7 @@ export function FormGeneratorTree<T = any>({
         }
         case 'Delete': {
           e.preventDefault();
+          if (hideRowActionButtons) break;
           const node = nodes.find((n) => n.id === focusedId);
           if (node && ownership === 'own' && provider.canDelete?.(node)) {
             _handleDelete(focusedId);
@@ -1124,6 +1079,7 @@ export function FormGeneratorTree<T = any>({
       _handleToggleSelect,
       _handleStartRename,
       _handleDelete,
+      hideRowActionButtons,
     ],
   );
 
@@ -1163,13 +1119,21 @@ export function FormGeneratorTree<T = any>({
   const wrapperClasses = [
     styles.formGeneratorTree,
     compact && styles.compactMode,
+    embedMaxHeight != null && styles.embeddedPicker,
     className,
   ]
     .filter(Boolean)
     .join(' ');
 
   return (
-    <div className={wrapperClasses}>
+    <div
+      className={wrapperClasses}
+      style={
+        embedMaxHeight != null
+          ? { height: embedMaxHeight, maxHeight: embedMaxHeight, flexShrink: 0 }
+          : undefined
+      }
+    >
       {title && (
         <div
           className={`${styles.sectionHeader} ${collapsible ? '' : styles.sectionHeaderNonCollapsible}`}
@@ -1236,7 +1200,11 @@ export function FormGeneratorTree<T = any>({
             </div>
           )}
 
+<<<<<<< HEAD
           {selectable && selectedIds.size > 0 && batchActions.length > 0 && (
+=======
+          {selectedIds.size > 0 && batchActions.length > 0 && !hideRowActionButtons && (
+>>>>>>> 7fb9645 (workign on folder location in file create node)
             <div className={styles.batchToolbar}>
               <span className={styles.batchCount}>{selectedIds.size} selected</span>
               {batchActions.map((action: TreeBatchAction) => {
@@ -1318,6 +1286,7 @@ export function FormGeneratorTree<T = any>({
                   onDragOver={_handleDragOver}
                   onDragLeave={_handleDragLeave}
                   onDrop={_handleDrop}
+                  hideRowActionButtons={hideRowActionButtons}
                 />
               ))
             )}

src/components/FormGenerator/FormGeneratorTree/providers/FolderFileProvider.tsx

@@ -52,34 +52,8 @@ function _mapFileToNode(file: FileData, ownership: Ownership): TreeNode {
   };
 }
 
-/** Stable synthetic root id per ownership scope. The real top-level
- *  folders/files attach their `parentId` to this id once we re-parent them
- *  in `loadChildren`. The id stays inside the FE provider; the backend
- *  never sees it. */
-const _SYNTH_ROOT_ID = (ownership: Ownership): string => `__filesRoot:${ownership}`;
-
-/** Build the synthetic root node. Its only job is to:
- *    - act as a drop-target for moving items back to top-level,
- *    - expose a global neutralize/scope toggle that cascades to every
- *      top-level descendant.
- *  Its scope/neutralize values are intentionally `undefined` (= "no own
- *  state") — the icons render an indeterminate state and a click sets the
- *  intent on every owned descendant. */
-function _makeSyntheticRoot(ownership: Ownership): TreeNode {
-  return {
-    id: _SYNTH_ROOT_ID(ownership),
-    name: '/',
-    type: 'folder',
-    parentId: null,
-    ownership,
-    icon: <FaFolder style={{ color: '#666' }} />,
-    defaultExpanded: true,
-    scope: 'personal',
-    neutralize: false,
-  };
-}
-
-export function createFolderFileProvider(): TreeNodeProvider {
+export function createFolderFileProvider(options: { includeFiles?: boolean } = {}): TreeNodeProvider {
+  const includeFiles = options.includeFiles !== false;
   const ownerParam = (ownership: Ownership) => (ownership === 'own' ? 'me' : 'shared');
   const typeMap = new Map<string, 'folder' | 'file'>();
 
@@ -157,34 +131,32 @@ export function createFolderFileProvider(): TreeNodeProvider {
       }
       nodes.push(...folderNodes);
 
-      try {
-        const filters: Record<string, any> = {};
-        if (apiParentId) {
-          filters.folderId = apiParentId;
+      if (includeFiles) {
+        try {
+          const filters: Record<string, any> = {};
+          if (parentId) {
+            filters.folderId = parentId;
+          }
+          const paginationParam = JSON.stringify({ filters, pageSize: 500 });
+          const filesRes = await api.get('/api/files/list', {
+            params: { pagination: paginationParam },
+          });
+          const data = filesRes.data;
+          let rawFiles: FileData[] = [];
+          if (data && typeof data === 'object' && 'items' in data) {
+            rawFiles = Array.isArray(data.items) ? data.items : [];
+          } else if (Array.isArray(data)) {
+            rawFiles = data;
+          }
+          let matched = rawFiles.filter((f) => (f.folderId ?? null) === parentId);
+          if (ownership === 'shared') {
+            const myId = getUserDataCache()?.id;
+            if (myId) matched = matched.filter((f) => f.sysCreatedBy !== myId);
+          }
+          nodes.push(...matched.map((f) => _mapFileToNode(f, ownership)));
+        } catch {
+          // file list may fail for shared trees; folders still render
         }
-        const paginationParam = JSON.stringify({ filters, pageSize: 500 });
-        const filesRes = await api.get('/api/files/list', {
-          params: { pagination: paginationParam },
-        });
-        const data = filesRes.data;
-        let rawFiles: FileData[] = [];
-        if (data && typeof data === 'object' && 'items' in data) {
-          rawFiles = Array.isArray(data.items) ? data.items : [];
-        } else if (Array.isArray(data)) {
-          rawFiles = data;
-        }
-        let matched = rawFiles.filter((f) => (f.folderId ?? null) === apiParentId);
-        if (ownership === 'shared') {
-          const myId = getUserDataCache()?.id;
-          if (myId) matched = matched.filter((f) => f.sysCreatedBy !== myId);
-        }
-        const fileNodes = matched.map((f) => _mapFileToNode(f, ownership));
-        if (apiParentId === null) {
-          for (const n of fileNodes) n.parentId = synthRootId;
-        }
-        nodes.push(...fileNodes);
-      } catch {
-        // file list may fail for shared trees; folders still render
       }
 
       _trackTypes(nodes);

src/components/FormGenerator/FormGeneratorTree/types.ts

@@ -122,4 +122,10 @@ export interface FormGeneratorTreeProps<T = any> {
    *  that rely on the optimistic-update path. */
   refreshAfterAction?: boolean;
   className?: string;
+  /** Embedded pickers (e.g. automation node config): constrain overall height so the tree scrolls inside. */
+  embedMaxHeight?: number;
+  /**
+   * Hides checkbox, size column, per-row emoji actions, drag-drop, and batch toolbar — saves space in pickers.
+   */
+  hideRowActionButtons?: boolean;
 }