hunk.code_window:       }
         return {
           name: parsedKeyValArr[1].trim(),
           value: parsedKeyValArr[3].trim() || '',
         };
       })
     );
   }
  
hunk.labels: keep keep keep keep add keep keep keep keep
hunk.after_edit:         needsDeletion: false,
  
hunk.file_path: app/react/components/form-components/EnvironmentVariablesFieldset/utils.ts
hunk.type: add
file: import { Checkbox } from '@@/form-components/Checkbox';
  import { TableSettingsMenuAutoRefresh } from '@@/datatables/TableSettingsMenuAutoRefresh';
  
  import { TableSettings } from './types';
  import { TRUNCATE_LENGTH } from './datatable-store';
  
  interface Props {
    isRefreshVisible?: boolean;
    settings: TableSettings;
  }
  
  export function ContainersDatatableSettings({
    isRefreshVisible,
    settings,
  }: Props) {
    return (
      <>
        <Checkbox
          id="settings-container-truncate-nae"
          label="Truncate container name"
          checked={settings.truncateContainerName > 0}
          onChange={() =>
            settings.setTruncateContainerName(
              settings.truncateContainerName > 0 ? 0 : TRUNCATE_LENGTH
            )
          }
        />
  
        {isRefreshVisible && (
          <TableSettingsMenuAutoRefresh
            value={settings.autoRefreshRate}
            onChange={(value) => settings.setAutoRefreshRate(value)}
          />
        )}
      </>
    );
  }
  