@controleonline/ui-common 1.2.80 → 1.2.82

package/src/react/components/EntityLogContent.js

@@ -8,706 +8,25 @@ import {
   View,
 } from 'react-native';
 import Icon from 'react-native-vector-icons/MaterialIcons';
-import { useStore } from '@store';
-import Formatter from '@controleonline/ui-common/src/utils/formatter';
-import {
-  buildEntityChildren,
-  buildEntityKey,
-  buildEntityLabel,
-  buildEntitySummaryFields,
-  formatLogFieldLabel,
-  formatLogValue,
-  resolveEntityImageUrl,
-} from '@controleonline/ui-common/src/react/utils/entityLog';
+import { useStore } from '@store';
+import Formatter from '@controleonline/ui-common/src/utils/formatter';
+import {
+  buildEntityChildren,
+  buildEntityKey,
+  buildEntityLabel,
+  buildEntitySummaryFields,
+  formatLogFieldLabel,
+  formatLogValue,
+  resolveEntityImageUrl,
+} from '@controleonline/ui-common/src/react/utils/entityLog';
 import { resolveStoreConfigByEntity } from '@controleonline/ui-common/src/react/utils/storeColumns';
 import createStyles, {
   buildEntityLogPalette,
 } from './EntityLogContent.styles';
+import {
+  EntityLogBranch,
+} from './EntityLogBranch';
 
-const ACTION_META = {
-  insert: {
-    color: '#16A34A',
-    icon: 'add-circle',
-    label: 'Criado',
-  },
-  update: {
-    color: '#2563EB',
-    icon: 'edit-note',
-    label: 'Alterado',
-  },
-  delete: {
-    color: '#DC2626',
-    icon: 'delete-outline',
-    label: 'Removido',
-  },
-  info: {
-    color: '#0F766E',
-    icon: 'info-outline',
-    label: 'Info',
-  },
-  notice: {
-    color: '#0369A1',
-    icon: 'notifications-none',
-    label: 'Aviso',
-  },
-  warning: {
-    color: '#D97706',
-    icon: 'warning-amber',
-    label: 'Alerta',
-  },
-  error: {
-    color: '#DC2626',
-    icon: 'error-outline',
-    label: 'Erro',
-  },
-  critical: {
-    color: '#991B1B',
-    icon: 'report-gmailerrorred',
-    label: 'Critico',
-  },
-  debug: {
-    color: '#475569',
-    icon: 'bug-report',
-    label: 'Debug',
-  },
-};
-
-const GENERIC_PAYLOAD_META_FIELDS = new Set(['channel', 'context', 'level', 'message']);
-
-const buildContextEntries = context => {
-  if (!context) {
-    return [];
-  }
-
-  if (Array.isArray(context)) {
-    return context.map((value, index) => [`item_${index + 1}`, value]);
-  }
-
-  if (typeof context === 'object') {
-    return Object.entries(context);
-  }
-
-  return [['context', context]];
-};
-
-const formatContextValue = value => {
-  if (value === null || value === undefined || value === '') {
-    return '—';
-  }
-
-  if (typeof value === 'boolean') {
-    return value ? 'Sim' : 'Nao';
-  }
-
-  if (typeof value === 'string') {
-    return value;
-  }
-
-  if (typeof value === 'number') {
-    return String(value);
-  }
-
-  try {
-    return JSON.stringify(value, null, 2);
-  } catch {
-    return String(value);
-  }
-};
-
-const resolvePayload = log => {
-  if (log?.payload && typeof log.payload === 'object' && !Array.isArray(log.payload)) {
-    return log.payload;
-  }
-
-  if (typeof log?.object === 'string') {
-    try {
-      const parsed = JSON.parse(log.object);
-      return parsed && typeof parsed === 'object' && !Array.isArray(parsed) ? parsed : {};
-    } catch {
-      return {};
-    }
-  }
-
-  return {};
-};
-
-// O card de resumo mostra os dados essenciais da entidade expandida.
-const EntitySummaryCard = ({
-  columns = [],
-  detailState,
-  entity,
-  entityClass,
-  storeName = '',
-  styles,
-}) => {
-  const summaryFields = useMemo(
-    () => buildEntitySummaryFields({
-      entity,
-      className: entityClass,
-      columns,
-      storeName,
-    }),
-    [columns, entity, entityClass, storeName],
-  );
-  const imageUrl = useMemo(() => resolveEntityImageUrl(entity), [entity]);
-
-  if (detailState?.status === 'loading' && !imageUrl && !summaryFields.length) {
-    return (
-      <View style={styles.entityStateCard}>
-        <ActivityIndicator size="small" color="#2563EB" />
-        <Text style={styles.entityStateText}>Carregando detalhes...</Text>
-      </View>
-    );
-  }
-
-  if (
-    detailState?.status !== 'loading' &&
-    detailState?.status !== 'success' &&
-    !imageUrl &&
-    !summaryFields.length
-  ) {
-    return null;
-  }
-
-  return (
-    <View style={styles.entitySummaryCard}>
-      <View style={styles.entitySummaryHeader}>
-        <Text style={styles.sectionTitle}>Resumo</Text>
-        {detailState?.status === 'loading' ? (
-          <Text style={styles.entityStateText}>Atualizando...</Text>
-        ) : null}
-      </View>
-
-      <View style={styles.entitySummaryBody}>
-        {imageUrl ? (
-          <Image
-            source={{ uri: imageUrl }}
-            style={styles.entityPreviewImage}
-            resizeMode="cover"
-          />
-        ) : null}
-
-        <View style={styles.entitySummaryGrid}>
-          {summaryFields.length ? (
-            summaryFields.map(field => (
-              <View key={field.key} style={styles.entitySummaryField}>
-                <Text style={styles.entitySummaryLabel}>{field.label}</Text>
-                <Text style={styles.entitySummaryValue}>{field.value}</Text>
-              </View>
-            ))
-          ) : (
-            <Text style={styles.emptyInlineText}>Sem dados resumidos.</Text>
-          )}
-        </View>
-      </View>
-
-      {detailState?.status === 'error' ? (
-        <Text style={styles.entityStateErrorText}>
-          {detailState?.error || 'Nao foi possivel carregar os detalhes.'}
-        </Text>
-      ) : null}
-    </View>
-  );
-};
-
-const getActionMeta = action => ACTION_META[String(action || '').toLowerCase()] || {
-  color: '#64748B',
-  icon: 'history',
-  label: 'Evento',
-};
-
-const renderChangeValue = (styles, title, value) => (
-  <View style={styles.changeValueBox}>
-    {title ? <Text style={styles.changeValueTitle}>{title}</Text> : null}
-    <Text style={styles.changeValueText}>{value}</Text>
-  </View>
-);
-
-const LogCard = ({
-  columns = [],
-  log,
-  rowContext = null,
-  storeName = '',
-  styles,
-}) => {
-  const payload = useMemo(() => resolvePayload(log), [log]);
-  const actionMeta = useMemo(() => getActionMeta(log?.action), [log?.action]);
-  const entries = useMemo(() => Object.entries(payload || {}), [payload]);
-  const detailEntries = useMemo(
-    () => entries.filter(([field]) => !GENERIC_PAYLOAD_META_FIELDS.has(field)),
-    [entries],
-  );
-  const genericMessage = useMemo(
-    () => (typeof payload?.message === 'string' ? payload.message.trim() : ''),
-    [payload?.message],
-  );
-  const genericChannel = useMemo(
-    () => (typeof payload?.channel === 'string' ? payload.channel.trim() : ''),
-    [payload?.channel],
-  );
-  const contextEntries = useMemo(
-    () => buildContextEntries(payload?.context),
-    [payload?.context],
-  );
-  const logDate = useMemo(
-    () => Formatter.formatDateYmdTodmY(log?.createdAt, true),
-    [log?.createdAt],
-  );
-
-  return (
-    <View style={styles.logCard}>
-      <View style={styles.logMetaRow}>
-        <View style={styles.logMetaLeft}>
-          <View
-            style={[
-              styles.actionBadge,
-              {
-                borderColor: `${actionMeta.color}44`,
-                backgroundColor: `${actionMeta.color}14`,
-              },
-            ]}>
-            <Icon name={actionMeta.icon} size={14} color={actionMeta.color} />
-            <Text style={[styles.actionText, { color: actionMeta.color }]}>
-              {actionMeta.label}
-            </Text>
-          </View>
-
-          <Text style={styles.logDate}>{logDate || 'Sem data'}</Text>
-        </View>
-
-        {!!log?.userDisplayName && (
-          <Text style={styles.logUser}>{log.userDisplayName}</Text>
-        )}
-      </View>
-
-      {!!genericChannel && (
-        <Text style={styles.logChannel}>{genericChannel}</Text>
-      )}
-
-      {!!genericMessage && (
-        <View style={styles.genericMessageBox}>
-          <Text style={styles.genericMessage}>{genericMessage}</Text>
-        </View>
-      )}
-
-      {!!contextEntries.length && (
-        <View style={styles.contextSection}>
-          {contextEntries.map(([field, value]) => (
-            <View key={`${log?.id || 'log'}-context-${field}`} style={styles.changeRow}>
-              <Text style={styles.changeLabel}>
-                {formatLogFieldLabel(field, {
-                  columns,
-                  storeName,
-                })}
-              </Text>
-
-              {renderChangeValue(styles, '', formatContextValue(value))}
-            </View>
-          ))}
-        </View>
-      )}
-
-      {detailEntries.length ? (
-        detailEntries.map(([field, value]) => {
-          const isDiffValue =
-            Array.isArray(value) &&
-            value.length === 2 &&
-            Object.prototype.hasOwnProperty.call(value, 0) &&
-            Object.prototype.hasOwnProperty.call(value, 1);
-
-          return (
-            <View key={`${log?.id || 'log'}-${field}`} style={styles.changeRow}>
-              <Text style={styles.changeLabel}>
-                {formatLogFieldLabel(field, {
-                  columns,
-                  storeName,
-                })}
-              </Text>
-
-              {isDiffValue ? (
-                <View style={styles.changeValuesRow}>
-                  {renderChangeValue(styles, 'Antes', formatLogValue(value[0], {
-                    columns,
-                    fieldName: field,
-                    row: rowContext,
-                    storeName,
-                  }))}
-                  <View style={styles.arrowWrap}>
-                    <Icon name="east" size={16} color="#94A3B8" />
-                  </View>
-                  {renderChangeValue(styles, 'Depois', formatLogValue(value[1], {
-                    columns,
-                    fieldName: field,
-                    row: rowContext,
-                    storeName,
-                  }))}
-                </View>
-              ) : (
-                renderChangeValue(
-                  styles,
-                  '',
-                  formatLogValue(value, {
-                    columns,
-                    fieldName: field,
-                    row: rowContext,
-                    storeName,
-                  }),
-                )
-              )}
-            </View>
-          );
-        })
-      ) : (
-        !genericMessage &&
-        !contextEntries.length && (
-          <Text style={styles.emptyInlineText}>Sem detalhes adicionais.</Text>
-        )
-      )}
-    </View>
-  );
-};
-
-const EntityLogBranch = ({
-  autoLoad = true,
-  entity,
-  entityClass,
-  entityId,
-  entityIri = '',
-  entityLabel,
-  fetchEntityDetails,
-  getEntityState,
-  fetchLogs,
-  getLogsState,
-  onFocusBranch,
-  parentOffset = 0,
-  relationConfig,
-  styles,
-  trailKeys,
-}) => {
-  const branchKey = useMemo(
-    () => buildEntityKey(entityClass, entityId),
-    [entityClass, entityId],
-  );
-  const [expandedRelations, setExpandedRelations] = useState({});
-  const [expandedItems, setExpandedItems] = useState({});
-  const [branchOffset, setBranchOffset] = useState(parentOffset);
-  const [nestedOffsets, setNestedOffsets] = useState({});
-  const logsState = getLogsState(entityClass, entityId);
-  const detailState = getEntityState(entityClass, entityId, entity);
-  const resolvedEntity = useMemo(() => {
-    if (!detailState?.item || typeof detailState.item !== 'object') {
-      return entity;
-    }
-
-    if (!entity || typeof entity !== 'object') {
-      return detailState.item;
-    }
-
-    // Mantem o seed local, mas o detalhe remoto prevalece quando trouxer mais dados.
-    return {
-      ...entity,
-      ...detailState.item,
-    };
-  }, [detailState?.item, entity]);
-  const isNestedBranch = trailKeys.length > 0;
-  const storeConfig = useMemo(
-    () =>
-      resolveStoreConfigByEntity({
-        entity: resolvedEntity,
-        entityIri,
-      }),
-    [entityIri, resolvedEntity],
-  );
-  const storeColumns = storeConfig?.columns || [];
-  const storeName = storeConfig?.storeName || '';
-
-  const branchTitle = useMemo(
-    () =>
-      entityLabel ||
-      buildEntityLabel({
-        entity: resolvedEntity,
-        className: entityClass,
-        id: entityId,
-      }),
-    [resolvedEntity, entityClass, entityId, entityLabel],
-  );
-
-  const children = useMemo(
-    () =>
-      buildEntityChildren(resolvedEntity, {
-        relationConfig,
-        ancestryKeys: [...trailKeys, branchKey],
-      }),
-    [branchKey, resolvedEntity, relationConfig, trailKeys],
-  );
-
-  useEffect(() => {
-    if (!autoLoad || !entityClass || !entityId) {
-      return;
-    }
-
-    void fetchLogs({
-      className: entityClass,
-      rowId: entityId,
-    });
-    void fetchEntityDetails({
-      className: entityClass,
-      rowId: entityId,
-      entity,
-      entityIri,
-    });
-  }, [
-    autoLoad,
-    entityClass,
-    entityId,
-    entity,
-    entityIri,
-    fetchEntityDetails,
-    fetchLogs,
-  ]);
-
-  useEffect(() => {
-    if (!isNestedBranch || !branchOffset || typeof onFocusBranch !== 'function') {
-      return;
-    }
-
-    // Depois de montar um ramo novo, trazemos o topo dele para a viewport.
-    const timeoutId = setTimeout(() => {
-      onFocusBranch(Math.max(0, branchOffset - 18));
-    }, 120);
-
-    return () => clearTimeout(timeoutId);
-  }, [branchOffset, isNestedBranch, onFocusBranch]);
-
-  const toggleRelation = useCallback(key => {
-    setExpandedRelations(prev => ({
-      ...prev,
-      [key]: !prev[key],
-    }));
-    if (typeof onFocusBranch === 'function') {
-      setTimeout(() => {
-        onFocusBranch(Math.max(0, branchOffset - 18));
-      }, 60);
-    }
-  }, [branchOffset, onFocusBranch]);
-
-  const toggleItem = useCallback(key => {
-    setExpandedItems(prev => ({
-      ...prev,
-      [key]: !prev[key],
-    }));
-    if (typeof onFocusBranch === 'function') {
-      setTimeout(() => {
-        onFocusBranch(Math.max(0, branchOffset - 18));
-      }, 60);
-    }
-  }, [branchOffset, onFocusBranch]);
-
-  const registerNestedOffset = useCallback((key, layoutY) => {
-    setNestedOffsets(prev => {
-      const nextOffset = branchOffset + layoutY;
-      if (prev[key] === nextOffset) {
-        return prev;
-      }
-
-      return {
-        ...prev,
-        [key]: nextOffset,
-      };
-    });
-  }, [branchOffset]);
-
-  return (
-    <View
-      style={styles.branchCard}
-      onLayout={event => {
-        setBranchOffset(parentOffset + event.nativeEvent.layout.y);
-      }}>
-      <View style={styles.branchHeader}>
-        <View style={styles.branchHeaderRow}>
-          <View style={styles.branchTitleWrap}>
-            <Text style={styles.branchTitle}>{branchTitle}</Text>
-            <Text style={styles.branchMeta}>
-              {entityClass?.split('\\').pop()} #{entityId || '--'}
-            </Text>
-          </View>
-        </View>
-      </View>
-
-      <View style={styles.branchBody}>
-        <EntitySummaryCard
-          columns={storeColumns}
-          detailState={detailState}
-          entity={resolvedEntity}
-          entityClass={entityClass}
-          storeName={storeName}
-          styles={styles}
-        />
-
-        {!!children.length && (
-          <View style={styles.relationSection}>
-            <Text style={styles.sectionTitle}>Relacionamentos</Text>
-
-            {children.map(candidate => (
-              <View key={`${branchKey}-${candidate.key}`} style={styles.relationCollectionWrap}>
-                <TouchableOpacity
-                  activeOpacity={0.85}
-                  onPress={() => toggleRelation(candidate.key)}
-                  style={styles.relationButton}>
-                  <View style={styles.relationButtonHeader}>
-                    <Text style={styles.relationButtonLabel}>
-                      {candidate.label}
-                    </Text>
-                    <Icon
-                      name={expandedRelations[candidate.key] ? 'expand-less' : 'expand-more'}
-                      size={20}
-                      color="#64748B"
-                    />
-                  </View>
-                  <Text style={styles.relationButtonMeta}>
-                    {candidate.isCollection
-                      ? `${candidate.items.length} item(ns)`
-                      : candidate.items[0]?.label || 'Ver historico'}
-                  </Text>
-                </TouchableOpacity>
-
-                {expandedRelations[candidate.key] && (
-                  <View
-                    style={styles.nestedWrap}
-                    onLayout={event =>
-                      registerNestedOffset(candidate.key, event.nativeEvent.layout.y)
-                    }>
-                    {candidate.items.map(item => (
-                      <View key={item.key} style={styles.relationCollectionWrap}>
-                        {candidate.isCollection ? (
-                          <>
-                            <TouchableOpacity
-                              activeOpacity={0.85}
-                              onPress={() => toggleItem(item.key)}
-                              style={styles.relationButton}>
-                              <View style={styles.relationButtonHeader}>
-                                <Text style={styles.relationButtonLabel}>
-                                  {item.label}
-                                </Text>
-                                <Icon
-                                  name={expandedItems[item.key] ? 'expand-less' : 'expand-more'}
-                                  size={20}
-                                  color="#64748B"
-                                />
-                              </View>
-                              <Text style={styles.relationButtonMeta}>
-                                {item.className?.split('\\').pop()} #{item.id}
-                              </Text>
-                            </TouchableOpacity>
-
-                            {expandedItems[item.key] && (
-                              <View
-                                style={styles.nestedWrap}
-                                onLayout={event =>
-                                  registerNestedOffset(item.key, event.nativeEvent.layout.y)
-                                }>
-                                <EntityLogBranch
-                                  autoLoad
-                                  entity={item.entity}
-                                  entityClass={item.className}
-                                  entityId={item.id}
-                                  entityIri={item.iri}
-                                  entityLabel={item.label}
-                                  fetchEntityDetails={fetchEntityDetails}
-                                  fetchLogs={fetchLogs}
-                                  getEntityState={getEntityState}
-                                  getLogsState={getLogsState}
-                                  onFocusBranch={onFocusBranch}
-                                  parentOffset={nestedOffsets[item.key] || branchOffset}
-                                  relationConfig={relationConfig}
-                                  styles={styles}
-                                  trailKeys={[...trailKeys, branchKey]}
-                                />
-                              </View>
-                            )}
-                          </>
-                        ) : (
-                          <View
-                            style={styles.nestedWrap}
-                            onLayout={event =>
-                              registerNestedOffset(item.key, event.nativeEvent.layout.y)
-                            }>
-                            <EntityLogBranch
-                              autoLoad
-                              entity={item.entity}
-                              entityClass={item.className}
-                              entityId={item.id}
-                              entityIri={item.iri}
-                              entityLabel={item.label}
-                              fetchEntityDetails={fetchEntityDetails}
-                              fetchLogs={fetchLogs}
-                              getEntityState={getEntityState}
-                              getLogsState={getLogsState}
-                              onFocusBranch={onFocusBranch}
-                              parentOffset={nestedOffsets[item.key] || branchOffset}
-                              relationConfig={relationConfig}
-                              styles={styles}
-                              trailKeys={[...trailKeys, branchKey]}
-                            />
-                          </View>
-                        )}
-                      </View>
-                    ))}
-                  </View>
-                )}
-              </View>
-            ))}
-          </View>
-        )}
-
-        <View style={styles.relationSection}>
-          <Text style={styles.sectionTitle}>Timeline</Text>
-
-          {logsState.status === 'loading' ? (
-            <View style={styles.stateBox}>
-              <ActivityIndicator size="small" color="#2563EB" />
-              <Text style={styles.stateText}>Carregando historico...</Text>
-            </View>
-          ) : null}
-
-          {logsState.status === 'error' ? (
-            <View style={styles.stateBox}>
-              <Icon name="error-outline" size={20} color="#DC2626" />
-              <Text style={styles.stateTitle}>Nao foi possivel carregar</Text>
-              <Text style={styles.stateText}>{logsState.error || 'Erro desconhecido'}</Text>
-            </View>
-          ) : null}
-
-          {logsState.status === 'success' && !logsState.items.length ? (
-            <View style={styles.stateBox}>
-              <Icon name="history-toggle-off" size={22} color="#94A3B8" />
-              <Text style={styles.stateTitle}>Nenhum log encontrado</Text>
-              <Text style={styles.stateText}>
-                Ainda nao existem registros para esta entidade.
-              </Text>
-            </View>
-          ) : null}
-
-          {logsState.status === 'success' && !!logsState.items.length ? (
-            <View style={styles.logList}>
-              {logsState.items.map(log => (
-                <LogCard
-                  key={log?.id || `${branchKey}-${log?.createdAt}`}
-                  columns={storeColumns}
-                  log={log}
-                  rowContext={resolvedEntity}
-                  storeName={storeName}
-                  styles={styles}
-                />
-              ))}
-            </View>
-          ) : null}
-        </View>
-      </View>
-    </View>
-  );
-};
-
 const EntityLogContent = ({
   entity = null,
   entityClass = '',
@@ -724,18 +43,18 @@ const EntityLogContent = ({
   const logCacheRef = useRef(new Map());
   const entityCacheRef = useRef(new Map());
   const [, setCacheVersion] = useState(0);
-
-  const rootKey = useMemo(
-    () => buildEntityKey(entityClass, entityId),
-    [entityClass, entityId],
-  );
-
-  useEffect(() => {
-    logCacheRef.current = new Map();
-    entityCacheRef.current = new Map();
-    setCacheVersion(version => version + 1);
-  }, [rootKey]);
-
+
+  const rootKey = useMemo(
+    () => buildEntityKey(entityClass, entityId),
+    [entityClass, entityId],
+  );
+
+  useEffect(() => {
+    logCacheRef.current = new Map();
+    entityCacheRef.current = new Map();
+    setCacheVersion(version => version + 1);
+  }, [rootKey]);
+
   const getLogsState = useCallback((className, rowId, targetEntityIri = '') => {
     const key = buildEntityKey(className, rowId, targetEntityIri);
     return logCacheRef.current.get(key) || {
@@ -764,47 +83,47 @@ const EntityLogContent = ({
     if (!key) {
       return;
     }
-
-    const current = logCacheRef.current.get(key);
-    if (current?.status === 'loading' || current?.status === 'success') {
-      return;
-    }
-
-    logCacheRef.current.set(key, {
-      error: '',
-      items: current?.items || [],
-      status: 'loading',
-      totalItems: current?.totalItems || 0,
-    });
-    setCacheVersion(version => version + 1);
-
+
+    const current = logCacheRef.current.get(key);
+    if (current?.status === 'loading' || current?.status === 'success') {
+      return;
+    }
+
+    logCacheRef.current.set(key, {
+      error: '',
+      items: current?.items || [],
+      status: 'loading',
+      totalItems: current?.totalItems || 0,
+    });
+    setCacheVersion(version => version + 1);
+
     try {
       const response = await entityLogActions.getTimeline({
         ...(className ? { class: className } : {}),
         ...(targetEntityIri ? { entity: targetEntityIri } : {}),
         row: rowId,
       });
-      const items = Array.isArray(response?.items) ? response.items : [];
-      const totalItems = Number(response?.totalItems || items.length || 0);
-
-      logCacheRef.current.set(key, {
-        error: '',
-        items,
-        status: 'success',
-        totalItems,
-      });
-      setCacheVersion(version => version + 1);
-    } catch (error) {
-      logCacheRef.current.set(key, {
-        error: error?.message || 'Erro ao buscar logs.',
-        items: [],
-        status: 'error',
-        totalItems: 0,
-      });
-      setCacheVersion(version => version + 1);
-    }
+      const items = Array.isArray(response?.items) ? response.items : [];
+      const totalItems = Number(response?.totalItems || items.length || 0);
+
+      logCacheRef.current.set(key, {
+        error: '',
+        items,
+        status: 'success',
+        totalItems,
+      });
+      setCacheVersion(version => version + 1);
+    } catch (error) {
+      logCacheRef.current.set(key, {
+        error: error?.message || 'Erro ao buscar logs.',
+        items: [],
+        status: 'error',
+        totalItems: 0,
+      });
+      setCacheVersion(version => version + 1);
+    }
   }, [entityLogActions]);
-
+
   const fetchEntityDetails = useCallback(async ({
     className,
     rowId,
@@ -819,61 +138,61 @@ const EntityLogContent = ({
     if (!key) {
       return;
     }
-
-    const current = entityCacheRef.current.get(key);
-    if (current?.status === 'loading' || current?.status === 'success') {
-      return;
-    }
-
-    const resolvedEntityIri =
-      (typeof seedEntity?.['@id'] === 'string' && seedEntity['@id'].trim()) ||
-      (typeof explicitEntityIri === 'string' ? explicitEntityIri.trim() : '');
-
-    if (!resolvedEntityIri) {
-      entityCacheRef.current.set(key, {
-        error: 'Entidade sem identificador para consulta.',
-        item: seedEntity,
-        status: 'error',
-      });
-      setCacheVersion(version => version + 1);
-      return;
-    }
-
-    // O cache evita recarregar o mesmo detalhe toda vez que o usuario expande o ramo.
-    entityCacheRef.current.set(key, {
-      error: '',
-      item: current?.item || seedEntity,
-      status: 'loading',
-    });
-    setCacheVersion(version => version + 1);
-
-    try {
-      const item = await entityLogActions.getEntityDetail(resolvedEntityIri);
-
-      entityCacheRef.current.set(key, {
-        error: '',
-        item,
-        status: 'success',
-      });
-      setCacheVersion(version => version + 1);
-    } catch (error) {
-      entityCacheRef.current.set(key, {
-        error: error?.message || 'Erro ao buscar detalhes.',
-        item: current?.item || seedEntity,
-        status: 'error',
-      });
-      setCacheVersion(version => version + 1);
-    }
-  }, [entityLogActions]);
-
+
+    const current = entityCacheRef.current.get(key);
+    if (current?.status === 'loading' || current?.status === 'success') {
+      return;
+    }
+
+    const resolvedEntityIri =
+      (typeof seedEntity?.['@id'] === 'string' && seedEntity['@id'].trim()) ||
+      (typeof explicitEntityIri === 'string' ? explicitEntityIri.trim() : '');
+
+    if (!resolvedEntityIri) {
+      entityCacheRef.current.set(key, {
+        error: 'Entidade sem identificador para consulta.',
+        item: seedEntity,
+        status: 'error',
+      });
+      setCacheVersion(version => version + 1);
+      return;
+    }
+
+    // O cache evita recarregar o mesmo detalhe toda vez que o usuario expande o ramo.
+    entityCacheRef.current.set(key, {
+      error: '',
+      item: current?.item || seedEntity,
+      status: 'loading',
+    });
+    setCacheVersion(version => version + 1);
+
+    try {
+      const item = await entityLogActions.getEntityDetail(resolvedEntityIri);
+
+      entityCacheRef.current.set(key, {
+        error: '',
+        item,
+        status: 'success',
+      });
+      setCacheVersion(version => version + 1);
+    } catch (error) {
+      entityCacheRef.current.set(key, {
+        error: error?.message || 'Erro ao buscar detalhes.',
+        item: current?.item || seedEntity,
+        status: 'error',
+      });
+      setCacheVersion(version => version + 1);
+    }
+  }, [entityLogActions]);
+
   const resolvedEntityLabel = useMemo(
     () =>
       entityLabel ||
-      buildEntityLabel({
-        entity,
-        className: entityClass,
-        id: entityId,
-      }),
+      buildEntityLabel({
+        entity,
+        className: entityClass,
+        id: entityId,
+      }),
     [entity, entityClass, entityId, entityLabel],
   );
 
@@ -905,5 +224,5 @@ const EntityLogContent = ({
     </ScrollView>
   );
 };
-
+
 export default EntityLogContent;