hunk.code_window:         .matches(
             /^[a-zA-Z][a-zA-Z0-9_.-]*$/,
             `This field must consist of alphabetic characters, digits, '_', '-', or '.', and must not start with a digit (e.g. 'my.env-name', or 'MY_ENV.NAME', or 'MyEnvName1'.`
           ),
         value: string().default(''),
         needsDeletion: bool().default(false),
       })
     ).test(
  
hunk.labels: keep keep replace keep keep keep keep keep
hunk.after_edit:           `This field must consist of alphabetic characters, digits, '_', '-', or '.', and must not start with a digit (e.g. 'my.env-name', or 'MY_ENV.NAME', or 'MyEnvName1'`
  
hunk.file_path: app/react/kubernetes/applications/ApplicationForm/kubeEnvVarValidationSchema.ts
hunk.type: replace
file: import { Network } from 'lucide-react';
  
  import { TableContainer, TableTitle } from '@@/datatables';
  import { DetailsTable } from '@@/DetailsTable';
  
  import { NetworkOptions } from '../types';
  
  type Props = {
    options: NetworkOptions;
  };
  
  export function NetworkOptionsTable({ options }: Props) {
    const networkEntries = Object.entries(options);
  
    if (networkEntries.length === 0) {
      return null;
    }
  
    return (
      <TableContainer>
        <TableTitle label="Network options" icon={Network} />
        <DetailsTable dataCy="networkDetails-networkOptionsTable">
          {networkEntries.map(([key, value]) => (
            <DetailsTable.Row key={key} label={key}>
              {value}
            </DetailsTable.Row>
          ))}
        </DetailsTable>
      </TableContainer>
    );
  }
  