;
- loadingParentGroup: string | null;
- addingParentKey: string | null;
- onSendToChat?: (params: { featureInstanceId: string; featureCode: string; tableName?: string; objectKey: string; label: string; fieldName?: string }) => void;
}
-const _FeatureNodeView: React.FC<_FeatureNodeViewProps> = ({
- node, onToggle, onEnsureFds,
- onToggleParentGroup, onToggleParentRecord, onAddParentRecord, isParentRecordAdded,
- expandedParentGroups, loadingParentGroup, addingParentKey, onSendToChat,
- featureDataSources, onCycleScope, onToggleNeutralize, onToggleNeutralizeField,
- onRemoveFds, featureTree,
-}) => {
+const _FeatureNodeView: React.FC<_FeatureNodeViewProps> = (props) => {
+ const { node, onToggle, ...ctx } = props;
const { t } = useLanguage();
const [hovered, setHovered] = useState(false);
const chevron = node.expanded ? '\u25BE' : '\u25B8';
- const wildcardFds = featureDataSources.find(
+ const wildcardFds = ctx.featureDataSources.find(
f => f.featureInstanceId === node.featureInstanceId && f.tableName === '*' && !f.recordFilter,
);
- const parentTables = (node.tables || []).filter(t => t.isParent);
- const standaloneTables = (node.tables || []).filter(t => !t.isParent && !t.parentTable);
+ const topItems = useMemo(
+ () => _buildTopFeatureTree(node.tables || []),
+ [node.tables],
+ );
return (
@@ -1363,10 +1463,9 @@ const _FeatureNodeView: React.FC<_FeatureNodeViewProps> = ({
{node.tableCount} {t('Tabellen')}
- {/* Dynamic Remove (left of stable trio) */}
{wildcardFds && (
)}
- {/* ── Stable trio: chat | scope | neutralize ── */}
- {node.expanded && node.tables && node.tables.length > 0 && (
+ {node.expanded && topItems.length > 0 && (
- {/* Parent table groups (hierarchical) */}
- {parentTables.map(pt => {
- const groupKey = `${node.featureInstanceId}-${pt.tableName}`;
- const isGroupExpanded = expandedParentGroups.has(groupKey);
- const isGroupLoading = loadingParentGroup === groupKey;
- const records = node.parentRecords[pt.tableName];
- const childTables = (node.tables || []).filter(t => t.parentTable === pt.tableName);
- const ptLabel = pt.label || pt.tableName;
-
- return (
- <_ParentGroupView
- key={groupKey}
- featureNode={node}
- parentTable={pt}
- label={ptLabel}
- expanded={isGroupExpanded}
- loading={isGroupLoading}
- records={records || null}
- childTables={childTables}
- allTables={node.tables!}
- onToggleGroup={() => onToggleParentGroup(node, pt.tableName)}
- onToggleRecord={(recordId) => onToggleParentRecord(node.featureInstanceId, pt.tableName, recordId)}
- onAddRecord={(record) => onAddParentRecord(node, record, node.tables!)}
- isRecordAdded={(recordId) => isParentRecordAdded(node.featureInstanceId, pt.tableName, recordId)}
- addingParentKey={addingParentKey}
- onSendToChat={onSendToChat}
- featureDataSources={featureDataSources}
- onCycleScope={onCycleScope}
- onToggleNeutralize={onToggleNeutralize}
- onToggleNeutralizeField={onToggleNeutralizeField}
- onRemoveFds={onRemoveFds}
- featureTree={featureTree}
- inheritedScope={wildcardFds?.scope}
- inheritedNeutralize={wildcardFds?.neutralize}
- />
- );
- })}
-
- {/* Standalone tables (not part of any hierarchy) */}
- {standaloneTables.map(table => {
- const fds = featureDataSources.find(
- f => f.featureInstanceId === node.featureInstanceId && f.tableName === table.tableName && !f.recordFilter,
- );
- return (
- <_FeatureTableRow
- key={table.objectKey}
- featureNode={node}
- table={table}
- onEnsureFds={onEnsureFds}
- onSendToChat={onSendToChat}
- fds={fds}
- onCycleScope={onCycleScope}
- onToggleNeutralize={onToggleNeutralize}
- onToggleNeutralizeField={onToggleNeutralizeField}
- onRemoveFds={onRemoveFds}
- featureTree={featureTree}
- inheritedScope={wildcardFds?.scope}
- inheritedNeutralize={wildcardFds?.neutralize}
- />
- );
- })}
+ {topItems.map((item, idx) => (
+ <_FeatureItemView
+ key={_itemKey(item, idx)}
+ featureNode={node}
+ item={item}
+ pathSegments={[]}
+ depth={1}
+ inheritedScope={wildcardFds?.scope}
+ inheritedNeutralize={wildcardFds?.neutralize}
+ {...ctx}
+ />
+ ))}
)}
- {node.expanded && node.tables && node.tables.length === 0 && !node.loading && (
+ {node.expanded && (node.tables?.length ?? 0) === 0 && !node.loading && (
{t('(keine Tabellen)')}
@@ -1500,26 +1549,441 @@ const _FeatureNodeView: React.FC<_FeatureNodeViewProps> = ({
);
};
-/* ─── FeatureTableRow ────────────────────────────────────────────────── */
+function _itemKey(item: FeatureItem, idx: number): string {
+ if (item.kind === 'group') return `g:${item.objectKey}-${idx}`;
+ if (item.kind === 'parentGroup') return `p:${item.table.tableName}-${idx}`;
+ return `t:${item.table.tableName}-${idx}`;
+}
+
+/* ─── FeatureItemView (recursive — handles group / parentGroup / table) ── */
+
+interface _FeatureItemViewProps extends _FeatureActionContext {
+ featureNode: FeatureConnectionNode;
+ item: FeatureItem;
+ pathSegments: string[];
+ depth: number;
+ inheritedScope?: string;
+ inheritedNeutralize?: boolean;
+}
+
+const _FeatureItemView: React.FC<_FeatureItemViewProps> = (props) => {
+ const { featureNode, item, pathSegments, depth, inheritedScope, inheritedNeutralize, ...ctx } = props;
+
+ if (item.kind === 'group') {
+ return (
+ <_GroupFolderView
+ featureNode={featureNode}
+ objectKey={item.objectKey}
+ label={item.label}
+ items={item.items}
+ pathSegments={pathSegments}
+ depth={depth}
+ inheritedScope={inheritedScope}
+ inheritedNeutralize={inheritedNeutralize}
+ {...ctx}
+ />
+ );
+ }
+ if (item.kind === 'parentGroup') {
+ return (
+ <_ParentGroupView
+ featureNode={featureNode}
+ table={item.table}
+ pathSegments={pathSegments}
+ depth={depth}
+ inheritedScope={inheritedScope}
+ inheritedNeutralize={inheritedNeutralize}
+ {...ctx}
+ />
+ );
+ }
+ return (
+ <_FeatureTableRow
+ featureNode={featureNode}
+ table={item.table}
+ depth={depth}
+ onAddFeatureTable={ctx.onAddFeatureTable}
+ onSendToChat={ctx.onSendToChat}
+ featureDataSources={ctx.featureDataSources}
+ onCycleScope={ctx.onCycleScope}
+ onToggleNeutralize={ctx.onToggleNeutralize}
+ onToggleNeutralizeField={ctx.onToggleNeutralizeField}
+ onRemoveFds={ctx.onRemoveFds}
+ featureTree={ctx.featureTree}
+ inheritedScope={inheritedScope}
+ inheritedNeutralize={inheritedNeutralize}
+ />
+ );
+};
+
+/* ─── GroupFolderView (categorical folder) ───────────────────────────── */
+
+interface _GroupFolderViewProps extends _FeatureActionContext {
+ featureNode: FeatureConnectionNode;
+ objectKey: string;
+ label: string;
+ items: FeatureItem[];
+ pathSegments: string[];
+ depth: number;
+ inheritedScope?: string;
+ inheritedNeutralize?: boolean;
+}
+
+const _GroupFolderView: React.FC<_GroupFolderViewProps> = (props) => {
+ const { featureNode, objectKey, label, items, pathSegments, depth, inheritedScope, inheritedNeutralize, ...ctx } = props;
+ const [hovered, setHovered] = useState(false);
+
+ const segments = [...pathSegments, `g:${objectKey}`];
+ const pathKey = _pathKey(featureNode.featureInstanceId, segments);
+ const expanded = ctx.featureExpandedPaths.has(pathKey);
+ const chevron = expanded ? '\u25BE' : '\u25B8';
+
+ return (
+
+
ctx.onToggleFeaturePath(pathKey)}
+ onMouseEnter={() => setHovered(true)}
+ onMouseLeave={() => setHovered(false)}
+ style={{
+ display: 'flex', alignItems: 'center', gap: 4,
+ paddingLeft: depth * 16 + 4, paddingRight: 4, paddingTop: 3, paddingBottom: 3,
+ cursor: 'pointer', borderRadius: 3,
+ background: hovered ? 'var(--hover-bg, #f5f5f5)' : 'transparent',
+ transition: 'background 0.1s', userSelect: 'none',
+ }}
+ >
+
+ {chevron}
+
+ {'\uD83D\uDCC1'}
+
+ {label}
+
+
+
+ {expanded && items.length > 0 && (
+
+ {items.map((sub, idx) => (
+ <_FeatureItemView
+ key={_itemKey(sub, idx)}
+ featureNode={featureNode}
+ item={sub}
+ pathSegments={segments}
+ depth={depth + 1}
+ inheritedScope={inheritedScope}
+ inheritedNeutralize={inheritedNeutralize}
+ {...ctx}
+ />
+ ))}
+
+ )}
+
+
setHovered(true)}
+ onMouseLeave={() => setHovered(false)}
+ style={{
+ display: 'flex', alignItems: 'center', gap: 4,
+ paddingLeft: depth * 16 + 4, paddingRight: 4, paddingTop: 3, paddingBottom: 3,
+ cursor: 'pointer', borderRadius: 3,
+ background: hovered ? 'var(--hover-bg, #f5f5f5)' : 'transparent',
+ transition: 'background 0.1s', userSelect: 'none',
+ }}
+ >
+
+ {loading ? _Spinner() : chevron}
+
+ {'\uD83D\uDCC2'}
+
+ {table.label || table.tableName}
+
+ {childTables.length > 0 && (
+
+ +{childTables.length} {t('Tabellen')}
+
+ )}
+
+
+ {expanded && records && records.length > 0 && (
+
+ {records.map(record => (
+ <_RecordRowView
+ key={record.id}
+ featureNode={featureNode}
+ parentTable={table}
+ record={record}
+ pathSegments={segments}
+ depth={depth + 1}
+ inheritedScope={inheritedScope}
+ inheritedNeutralize={inheritedNeutralize}
+ {...ctx}
+ />
+ ))}
+
+ )}
+
+ {expanded && records && records.length === 0 && !loading && (
+
+ {t('(keine Einträge)')}
+
+ )}
+
+
ctx.onToggleFeaturePath(pathKey)}
+ onMouseEnter={() => setHovered(true)}
+ onMouseLeave={() => setHovered(false)}
+ draggable
+ onDragStart={(e) => {
+ e.stopPropagation();
+ const payload = JSON.stringify({
+ featureInstanceId: featureNode.featureInstanceId,
+ featureCode: featureNode.featureCode,
+ objectKey: parentTable.objectKey,
+ label: `${parentTable.label || parentTable.tableName}: ${record.displayLabel}`,
+ });
+ e.dataTransfer.setData('application/feature-source', payload);
+ e.dataTransfer.setData('text/plain', record.displayLabel);
+ e.dataTransfer.effectAllowed = 'copy';
+ }}
+ style={{
+ display: 'flex', alignItems: 'center', gap: 4,
+ paddingLeft: depth * 16 + 4, paddingRight: 4, paddingTop: 3, paddingBottom: 3,
+ cursor: 'pointer', borderRadius: 3,
+ background: fds
+ ? (hovered ? '#ede7f6' : '#7b1fa208')
+ : (hovered ? 'var(--hover-bg, #f5f5f5)' : 'transparent'),
+ transition: 'background 0.1s', userSelect: 'none',
+ }}
+ title={Object.entries(record.fields).map(([k, v]) => `${k}: ${v}`).join(', ')}
+ >
+
+ {chevron}
+
+ {'\uD83D\uDCCB'}
+
+ {record.displayLabel}
+
+
+ {/* Add record + direct children as data sources (only when not already added). */}
+ {!fds && !isAdded && (
+
+ )}
+
+ {fds && (
+
+ )}
+
+
+ {fds ? (
+
+ ) : (
+
+ {_SCOPE_ICONS[inheritedScope || 'personal']}
+
+ )}
+ {fds ? (
+
+ ) : (
+
+ {'\uD83D\uDD12'}
+
+ )}
+
+
+ {expanded && childItems.length > 0 && (
+
+ {childItems.map((sub, idx) => (
+ <_FeatureItemView
+ key={_itemKey(sub, idx)}
+ featureNode={featureNode}
+ item={sub}
+ pathSegments={segments}
+ depth={depth + 1}
+ inheritedScope={fds?.scope ?? inheritedScope}
+ inheritedNeutralize={fds?.neutralize ?? inheritedNeutralize}
+ {...ctx}
+ />
+ ))}
+
+ )}
+