Upload folder using huggingface_hub

1pga.pdb

@@ -0,0 +1,728 @@
+HEADER    IMMUNOGLOBULIN BINDING PROTEIN          23-NOV-93   1PGA              
+TITLE     TWO CRYSTAL STRUCTURES OF THE B1 IMMUNOGLOBULIN-BINDING DOMAIN OF     
+TITLE    2 STREPTOCOCCAL PROTEIN G AND COMPARISON WITH NMR                      
+COMPND    MOL_ID: 1;                                                            
+COMPND   2 MOLECULE: PROTEIN G;                                                 
+COMPND   3 CHAIN: A;                                                            
+COMPND   4 ENGINEERED: YES                                                      
+SOURCE    MOL_ID: 1;                                                            
+SOURCE   2 ORGANISM_SCIENTIFIC: STREPTOCOCCUS SP. GX7805;                       
+SOURCE   3 ORGANISM_TAXID: 1325                                                 
+KEYWDS    IMMUNOGLOBULIN BINDING PROTEIN                                        
+EXPDTA    X-RAY DIFFRACTION                                                     
+AUTHOR    T.GALLAGHER,P.ALEXANDER,P.BRYAN,G.L.GILLILAND                         
+REVDAT   3   29-NOV-17 1PGA    1       HELIX                                    
+REVDAT   2   24-FEB-09 1PGA    1       VERSN                                    
+REVDAT   1   30-APR-94 1PGA    0                                                
+JRNL        AUTH   T.GALLAGHER,P.ALEXANDER,P.BRYAN,G.L.GILLILAND                
+JRNL        TITL   TWO CRYSTAL STRUCTURES OF THE B1 IMMUNOGLOBULIN-BINDING      
+JRNL        TITL 2 DOMAIN OF STREPTOCOCCAL PROTEIN G AND COMPARISON WITH NMR.   
+JRNL        REF    BIOCHEMISTRY                  V.  33  4721 1994              
+JRNL        REFN                   ISSN 0006-2960                               
+JRNL        PMID   8161530                                                      
+JRNL        DOI    10.1021/BI00181A032                                          
+REMARK   1                                                                      
+REMARK   1 REFERENCE 1                                                          
+REMARK   1  AUTH   A.ACHARI,S.P.HALE,A.J.HOWARD,G.M.CLORE,A.M.GRONENBORN,       
+REMARK   1  AUTH 2 K.D.HARDMAN,M.WHITLOW                                        
+REMARK   1  TITL   1.67 ANGSTROMS X-RAY STRUCTURE OF THE B2                     
+REMARK   1  TITL 2 IMMUNOGLOBULIN-BINDING DOMAIN OF STREPTOCCOCAL PROTEIN G AND 
+REMARK   1  TITL 3 COMPARISON TO THE NMR STRUCTURE OF THE B1 DOMAIN             
+REMARK   1  REF    BIOCHEMISTRY                  V.  31 10449 1992              
+REMARK   1  REFN                   ISSN 0006-2960                               
+REMARK   1 REFERENCE 2                                                          
+REMARK   1  AUTH   A.M.GRONENBORN,D.R.FILPULA,N.Z.ESSIG,A.ACHARI,M.WHITLOW,     
+REMARK   1  AUTH 2 P.T.WINGFIELD,G.M.CLORE                                      
+REMARK   1  TITL   A NOVEL, HIGHLY STABLE FOLD OF THE IMMUNOGLOBULIN BINDING    
+REMARK   1  TITL 2 DOMAIN OF STREPTOCOCCAL PROTEIN G                            
+REMARK   1  REF    SCIENCE                       V. 253   657 1991              
+REMARK   1  REFN                   ISSN 0036-8075                               
+REMARK   2                                                                      
+REMARK   2 RESOLUTION.    2.07 ANGSTROMS.                                       
+REMARK   3                                                                      
+REMARK   3 REFINEMENT.                                                          
+REMARK   3   PROGRAM     : PROLSQ                                               
+REMARK   3   AUTHORS     : KONNERT,HENDRICKSON                                  
+REMARK   3                                                                      
+REMARK   3  DATA USED IN REFINEMENT.                                            
+REMARK   3   RESOLUTION RANGE HIGH (ANGSTROMS) : 2.07                           
+REMARK   3   RESOLUTION RANGE LOW  (ANGSTROMS) : 6.00                           
+REMARK   3   DATA CUTOFF            (SIGMA(F)) : NULL                           
+REMARK   3   COMPLETENESS FOR RANGE        (%) : NULL                           
+REMARK   3   NUMBER OF REFLECTIONS             : 2567                           
+REMARK   3                                                                      
+REMARK   3  FIT TO DATA USED IN REFINEMENT.                                     
+REMARK   3   CROSS-VALIDATION METHOD          : NULL                            
+REMARK   3   FREE R VALUE TEST SET SELECTION  : NULL                            
+REMARK   3   R VALUE     (WORKING + TEST SET) : 0.174                           
+REMARK   3   R VALUE            (WORKING SET) : NULL                            
+REMARK   3   FREE R VALUE                     : NULL                            
+REMARK   3   FREE R VALUE TEST SET SIZE   (%) : NULL                            
+REMARK   3   FREE R VALUE TEST SET COUNT      : NULL                            
+REMARK   3                                                                      
+REMARK   3  FIT/AGREEMENT OF MODEL WITH ALL DATA.                               
+REMARK   3   R VALUE   (WORKING + TEST SET, NO CUTOFF) : NULL                   
+REMARK   3   R VALUE          (WORKING SET, NO CUTOFF) : NULL                   
+REMARK   3   FREE R VALUE                  (NO CUTOFF) : NULL                   
+REMARK   3   FREE R VALUE TEST SET SIZE (%, NO CUTOFF) : NULL                   
+REMARK   3   FREE R VALUE TEST SET COUNT   (NO CUTOFF) : NULL                   
+REMARK   3   TOTAL NUMBER OF REFLECTIONS   (NO CUTOFF) : NULL                   
+REMARK   3                                                                      
+REMARK   3  NUMBER OF NON-HYDROGEN ATOMS USED IN REFINEMENT.                    
+REMARK   3   PROTEIN ATOMS            : 436                                     
+REMARK   3   NUCLEIC ACID ATOMS       : 0                                       
+REMARK   3   HETEROGEN ATOMS          : 0                                       
+REMARK   3   SOLVENT ATOMS            : 20                                      
+REMARK   3                                                                      
+REMARK   3  B VALUES.                                                           
+REMARK   3   FROM WILSON PLOT           (A**2) : NULL                           
+REMARK   3   MEAN B VALUE      (OVERALL, A**2) : NULL                           
+REMARK   3   OVERALL ANISOTROPIC B VALUE.                                       
+REMARK   3    B11 (A**2) : NULL                                                 
+REMARK   3    B22 (A**2) : NULL                                                 
+REMARK   3    B33 (A**2) : NULL                                                 
+REMARK   3    B12 (A**2) : NULL                                                 
+REMARK   3    B13 (A**2) : NULL                                                 
+REMARK   3    B23 (A**2) : NULL                                                 
+REMARK   3                                                                      
+REMARK   3  ESTIMATED COORDINATE ERROR.                                         
+REMARK   3   ESD FROM LUZZATI PLOT        (A) : NULL                            
+REMARK   3   ESD FROM SIGMAA              (A) : NULL                            
+REMARK   3   LOW RESOLUTION CUTOFF        (A) : NULL                            
+REMARK   3                                                                      
+REMARK   3  RMS DEVIATIONS FROM IDEAL VALUES.                                   
+REMARK   3   DISTANCE RESTRAINTS.                    RMS    SIGMA               
+REMARK   3    BOND LENGTH                     (A) : 0.020 ; NULL                
+REMARK   3    ANGLE DISTANCE                  (A) : 1.970 ; NULL                
+REMARK   3    INTRAPLANAR 1-4 DISTANCE        (A) : NULL  ; NULL                
+REMARK   3    H-BOND OR METAL COORDINATION    (A) : NULL  ; NULL                
+REMARK   3                                                                      
+REMARK   3   PLANE RESTRAINT                  (A) : NULL  ; NULL                
+REMARK   3   CHIRAL-CENTER RESTRAINT       (A**3) : NULL  ; NULL                
+REMARK   3                                                                      
+REMARK   3   NON-BONDED CONTACT RESTRAINTS.                                     
+REMARK   3    SINGLE TORSION                  (A) : NULL  ; NULL                
+REMARK   3    MULTIPLE TORSION                (A) : NULL  ; NULL                
+REMARK   3    H-BOND (X...Y)                  (A) : NULL  ; NULL                
+REMARK   3    H-BOND (X-H...Y)                (A) : NULL  ; NULL                
+REMARK   3                                                                      
+REMARK   3   CONFORMATIONAL TORSION ANGLE RESTRAINTS.                           
+REMARK   3    SPECIFIED                 (DEGREES) : NULL  ; NULL                
+REMARK   3    PLANAR                    (DEGREES) : NULL  ; NULL                
+REMARK   3    STAGGERED                 (DEGREES) : NULL  ; NULL                
+REMARK   3    TRANSVERSE                (DEGREES) : NULL  ; NULL                
+REMARK   3                                                                      
+REMARK   3  ISOTROPIC THERMAL FACTOR RESTRAINTS.    RMS    SIGMA                
+REMARK   3   MAIN-CHAIN BOND               (A**2) : NULL  ; NULL                
+REMARK   3   MAIN-CHAIN ANGLE              (A**2) : NULL  ; NULL                
+REMARK   3   SIDE-CHAIN BOND               (A**2) : NULL  ; NULL                
+REMARK   3   SIDE-CHAIN ANGLE              (A**2) : NULL  ; NULL                
+REMARK   3                                                                      
+REMARK   3  OTHER REFINEMENT REMARKS: NULL                                      
+REMARK   4                                                                      
+REMARK   4 1PGA COMPLIES WITH FORMAT V. 3.30, 13-JUL-11                         
+REMARK 100                                                                      
+REMARK 100 THIS ENTRY HAS BEEN PROCESSED BY BNL.                                
+REMARK 100 THE DEPOSITION ID IS D_1000175653.                                   
+REMARK 200                                                                      
+REMARK 200 EXPERIMENTAL DETAILS                                                 
+REMARK 200  EXPERIMENT TYPE                : X-RAY DIFFRACTION                  
+REMARK 200  DATE OF DATA COLLECTION        : NULL                               
+REMARK 200  TEMPERATURE           (KELVIN) : NULL                               
+REMARK 200  PH                             : NULL                               
+REMARK 200  NUMBER OF CRYSTALS USED        : NULL                               
+REMARK 200                                                                      
+REMARK 200  SYNCHROTRON              (Y/N) : NULL                               
+REMARK 200  RADIATION SOURCE               : NULL                               
+REMARK 200  BEAMLINE                       : NULL                               
+REMARK 200  X-RAY GENERATOR MODEL          : NULL                               
+REMARK 200  MONOCHROMATIC OR LAUE    (M/L) : NULL                               
+REMARK 200  WAVELENGTH OR RANGE        (A) : NULL                               
+REMARK 200  MONOCHROMATOR                  : NULL                               
+REMARK 200  OPTICS                         : NULL                               
+REMARK 200                                                                      
+REMARK 200  DETECTOR TYPE                  : NULL                               
+REMARK 200  DETECTOR MANUFACTURER          : NULL                               
+REMARK 200  INTENSITY-INTEGRATION SOFTWARE : NULL                               
+REMARK 200  DATA SCALING SOFTWARE          : NULL                               
+REMARK 200                                                                      
+REMARK 200  NUMBER OF UNIQUE REFLECTIONS   : NULL                               
+REMARK 200  RESOLUTION RANGE HIGH      (A) : NULL                               
+REMARK 200  RESOLUTION RANGE LOW       (A) : NULL                               
+REMARK 200  REJECTION CRITERIA  (SIGMA(I)) : NULL                               
+REMARK 200                                                                      
+REMARK 200 OVERALL.                                                             
+REMARK 200  COMPLETENESS FOR RANGE     (%) : NULL                               
+REMARK 200  DATA REDUNDANCY                : NULL                               
+REMARK 200  R MERGE                    (I) : NULL                               
+REMARK 200  R SYM                      (I) : NULL                               
+REMARK 200  <I/SIGMA(I)> FOR THE DATA SET  : NULL                               
+REMARK 200                                                                      
+REMARK 200 IN THE HIGHEST RESOLUTION SHELL.                                     
+REMARK 200  HIGHEST RESOLUTION SHELL, RANGE HIGH (A) : NULL                     
+REMARK 200  HIGHEST RESOLUTION SHELL, RANGE LOW  (A) : NULL                     
+REMARK 200  COMPLETENESS FOR SHELL     (%) : NULL                               
+REMARK 200  DATA REDUNDANCY IN SHELL       : NULL                               
+REMARK 200  R MERGE FOR SHELL          (I) : NULL                               
+REMARK 200  R SYM FOR SHELL            (I) : NULL                               
+REMARK 200  <I/SIGMA(I)> FOR SHELL         : NULL                               
+REMARK 200                                                                      
+REMARK 200 DIFFRACTION PROTOCOL: NULL                                           
+REMARK 200 METHOD USED TO DETERMINE THE STRUCTURE: NULL                         
+REMARK 200 SOFTWARE USED: X-PLOR                                                
+REMARK 200 STARTING MODEL: NULL                                                 
+REMARK 200                                                                      
+REMARK 200 REMARK: NULL                                                         
+REMARK 280                                                                      
+REMARK 280 CRYSTAL                                                              
+REMARK 280 SOLVENT CONTENT, VS   (%): 35.95                                     
+REMARK 280 MATTHEWS COEFFICIENT, VM (ANGSTROMS**3/DA): 1.92                     
+REMARK 280                                                                      
+REMARK 280 CRYSTALLIZATION CONDITIONS: NULL                                     
+REMARK 290                                                                      
+REMARK 290 CRYSTALLOGRAPHIC SYMMETRY                                            
+REMARK 290 SYMMETRY OPERATORS FOR SPACE GROUP: P 21 21 21                       
+REMARK 290                                                                      
+REMARK 290      SYMOP   SYMMETRY                                                
+REMARK 290     NNNMMM   OPERATOR                                                
+REMARK 290       1555   X,Y,Z                                                   
+REMARK 290       2555   -X+1/2,-Y,Z+1/2                                         
+REMARK 290       3555   -X,Y+1/2,-Z+1/2                                         
+REMARK 290       4555   X+1/2,-Y+1/2,-Z                                         
+REMARK 290                                                                      
+REMARK 290     WHERE NNN -> OPERATOR NUMBER                                     
+REMARK 290           MMM -> TRANSLATION VECTOR                                  
+REMARK 290                                                                      
+REMARK 290 CRYSTALLOGRAPHIC SYMMETRY TRANSFORMATIONS                            
+REMARK 290 THE FOLLOWING TRANSFORMATIONS OPERATE ON THE ATOM/HETATM             
+REMARK 290 RECORDS IN THIS ENTRY TO PRODUCE CRYSTALLOGRAPHICALLY                
+REMARK 290 RELATED MOLECULES.                                                   
+REMARK 290   SMTRY1   1  1.000000  0.000000  0.000000        0.00000            
+REMARK 290   SMTRY2   1  0.000000  1.000000  0.000000        0.00000            
+REMARK 290   SMTRY3   1  0.000000  0.000000  1.000000        0.00000            
+REMARK 290   SMTRY1   2 -1.000000  0.000000  0.000000       18.51950            
+REMARK 290   SMTRY2   2  0.000000 -1.000000  0.000000        0.00000            
+REMARK 290   SMTRY3   2  0.000000  0.000000  1.000000       25.63850            
+REMARK 290   SMTRY1   3 -1.000000  0.000000  0.000000        0.00000            
+REMARK 290   SMTRY2   3  0.000000  1.000000  0.000000       12.54200            
+REMARK 290   SMTRY3   3  0.000000  0.000000 -1.000000       25.63850            
+REMARK 290   SMTRY1   4  1.000000  0.000000  0.000000       18.51950            
+REMARK 290   SMTRY2   4  0.000000 -1.000000  0.000000       12.54200            
+REMARK 290   SMTRY3   4  0.000000  0.000000 -1.000000        0.00000            
+REMARK 290                                                                      
+REMARK 290 REMARK: NULL                                                         
+REMARK 300                                                                      
+REMARK 300 BIOMOLECULE: 1                                                       
+REMARK 300 SEE REMARK 350 FOR THE AUTHOR PROVIDED AND/OR PROGRAM                
+REMARK 300 GENERATED ASSEMBLY INFORMATION FOR THE STRUCTURE IN                  
+REMARK 300 THIS ENTRY. THE REMARK MAY ALSO PROVIDE INFORMATION ON               
+REMARK 300 BURIED SURFACE AREA.                                                 
+REMARK 350                                                                      
+REMARK 350 COORDINATES FOR A COMPLETE MULTIMER REPRESENTING THE KNOWN           
+REMARK 350 BIOLOGICALLY SIGNIFICANT OLIGOMERIZATION STATE OF THE                
+REMARK 350 MOLECULE CAN BE GENERATED BY APPLYING BIOMT TRANSFORMATIONS          
+REMARK 350 GIVEN BELOW.  BOTH NON-CRYSTALLOGRAPHIC AND                          
+REMARK 350 CRYSTALLOGRAPHIC OPERATIONS ARE GIVEN.                               
+REMARK 350                                                                      
+REMARK 350 BIOMOLECULE: 1                                                       
+REMARK 350 AUTHOR DETERMINED BIOLOGICAL UNIT: MONOMERIC                         
+REMARK 350 APPLY THE FOLLOWING TO CHAINS: A                                     
+REMARK 350   BIOMT1   1  1.000000  0.000000  0.000000        0.00000            
+REMARK 350   BIOMT2   1  0.000000  1.000000  0.000000        0.00000            
+REMARK 350   BIOMT3   1  0.000000  0.000000  1.000000        0.00000            
+REMARK 500                                                                      
+REMARK 500 GEOMETRY AND STEREOCHEMISTRY                                         
+REMARK 500 SUBTOPIC: TORSION ANGLES                                             
+REMARK 500                                                                      
+REMARK 500 TORSION ANGLES OUTSIDE THE EXPECTED RAMACHANDRAN REGIONS:            
+REMARK 500 (M=MODEL NUMBER; RES=RESIDUE NAME; C=CHAIN IDENTIFIER;               
+REMARK 500 SSEQ=SEQUENCE NUMBER; I=INSERTION CODE).                             
+REMARK 500                                                                      
+REMARK 500 STANDARD TABLE:                                                      
+REMARK 500 FORMAT:(10X,I3,1X,A3,1X,A1,I4,A1,4X,F7.2,3X,F7.2)                    
+REMARK 500                                                                      
+REMARK 500 EXPECTED VALUES: GJ KLEYWEGT AND TA JONES (1996). PHI/PSI-           
+REMARK 500 CHOLOGY: RAMACHANDRAN REVISITED. STRUCTURE 4, 1395 - 1400            
+REMARK 500                                                                      
+REMARK 500  M RES CSSEQI        PSI       PHI                                   
+REMARK 500    ASN A   8       69.54   -117.60                                   
+REMARK 500                                                                      
+REMARK 500 REMARK: NULL                                                         
+DBREF  1PGA A    2    56  UNP    P06654   SPG1_STRSG     228    282             
+SEQRES   1 A   56  MET THR TYR LYS LEU ILE LEU ASN GLY LYS THR LEU LYS          
+SEQRES   2 A   56  GLY GLU THR THR THR GLU ALA VAL ASP ALA ALA THR ALA          
+SEQRES   3 A   56  GLU LYS VAL PHE LYS GLN TYR ALA ASN ASP ASN GLY VAL          
+SEQRES   4 A   56  ASP GLY GLU TRP THR TYR ASP ASP ALA THR LYS THR PHE          
+SEQRES   5 A   56  THR VAL THR GLU                                              
+FORMUL   2  HOH   *20(H2 O)                                                     
+HELIX    1   1 ALA A   23  ASP A   36  1                                  14    
+SHEET    1  S1 4 LEU A  12  ALA A  20  0                                        
+SHEET    2  S1 4 MET A   1  GLY A   9 -1                                        
+SHEET    3  S1 4 LYS A  50  GLU A  56  1                                        
+SHEET    4  S1 4 GLU A  42  ASP A  46 -1                                        
+CRYST1   37.039   25.084   51.277  90.00  90.00  90.00 P 21 21 21    4          
+ORIGX1      1.000000  0.000000  0.000000        0.00000                         
+ORIGX2      0.000000  1.000000  0.000000        0.00000                         
+ORIGX3      0.000000  0.000000  1.000000        0.00000                         
+SCALE1      0.026999  0.000000  0.000000        0.00000                         
+SCALE2      0.000000  0.039866  0.000000        0.00000                         
+SCALE3      0.000000  0.000000  0.019502        0.00000                         
+ATOM      1  N   MET A   1      26.778  34.213  35.880  1.00 14.61           N  
+ATOM      2  CA  MET A   1      26.659  32.769  36.242  1.00 16.66           C  
+ATOM      3  C   MET A   1      27.468  31.927  35.268  1.00 16.16           C  
+ATOM      4  O   MET A   1      27.699  32.342  34.110  1.00 15.79           O  
+ATOM      5  CB  MET A   1      25.202  32.296  36.219  1.00 15.87           C  
+ATOM      6  CG  MET A   1      24.345  32.901  37.319  1.00 18.67           C  
+ATOM      7  SD  MET A   1      22.647  32.419  37.205  1.00 18.22           S  
+ATOM      8  CE  MET A   1      22.101  32.510  39.040  1.00 18.66           C  
+ATOM      9  N   THR A   2      27.942  30.785  35.765  1.00 12.62           N  
+ATOM     10  CA  THR A   2      28.716  29.848  34.951  1.00 13.11           C  
+ATOM     11  C   THR A   2      27.810  28.681  34.500  1.00 12.17           C  
+ATOM     12  O   THR A   2      27.190  28.014  35.349  1.00 11.81           O  
+ATOM     13  CB  THR A   2      29.874  29.309  35.740  1.00 11.99           C  
+ATOM     14  OG1 THR A   2      30.690  30.402  36.160  1.00 14.02           O  
+ATOM     15  CG2 THR A   2      30.703  28.380  34.901  1.00 12.76           C  
+ATOM     16  N   TYR A   3      27.727  28.474  33.178  1.00 10.50           N  
+ATOM     17  CA  TYR A   3      26.925  27.439  32.581  1.00  8.87           C  
+ATOM     18  C   TYR A   3      27.786  26.384  31.926  1.00 10.84           C  
+ATOM     19  O   TYR A   3      28.925  26.623  31.562  1.00  9.00           O  
+ATOM     20  CB  TYR A   3      25.980  28.003  31.552  1.00  9.75           C  
+ATOM     21  CG  TYR A   3      25.043  29.056  32.084  1.00  9.86           C  
+ATOM     22  CD1 TYR A   3      25.494  30.368  32.275  1.00  9.28           C  
+ATOM     23  CD2 TYR A   3      23.704  28.754  32.362  1.00  8.58           C  
+ATOM     24  CE1 TYR A   3      24.649  31.353  32.728  1.00 10.76           C  
+ATOM     25  CE2 TYR A   3      22.841  29.745  32.816  1.00 12.25           C  
+ATOM     26  CZ  TYR A   3      23.334  31.057  32.992  1.00  9.45           C  
+ATOM     27  OH  TYR A   3      22.507  32.070  33.389  1.00 10.01           O  
+ATOM     28  N   LYS A   4      27.209  25.188  31.822  1.00  9.35           N  
+ATOM     29  CA  LYS A   4      27.880  24.053  31.245  1.00 12.62           C  
+ATOM     30  C   LYS A   4      27.146  23.549  30.005  1.00 10.41           C  
+ATOM     31  O   LYS A   4      25.927  23.642  29.883  1.00  8.07           O  
+ATOM     32  CB  LYS A   4      27.980  22.919  32.276  1.00 16.64           C  
+ATOM     33  CG  LYS A   4      28.614  21.682  31.687  1.00 23.52           C  
+ATOM     34  CD  LYS A   4      29.133  20.761  32.750  1.00 26.11           C  
+ATOM     35  CE  LYS A   4      28.104  19.671  33.082  1.00 32.58           C  
+ATOM     36  NZ  LYS A   4      28.622  18.689  34.151  1.00 33.40           N  
+ATOM     37  N   LEU A   5      27.906  23.017  29.076  1.00  8.27           N  
+ATOM     38  CA  LEU A   5      27.287  22.492  27.893  1.00  5.95           C  
+ATOM     39  C   LEU A   5      27.787  21.089  27.755  1.00  6.29           C  
+ATOM     40  O   LEU A   5      28.980  20.881  27.827  1.00  5.25           O  
+ATOM     41  CB  LEU A   5      27.718  23.274  26.662  1.00  5.32           C  
+ATOM     42  CG  LEU A   5      27.273  22.663  25.316  1.00  3.50           C  
+ATOM     43  CD1 LEU A   5      25.786  22.592  25.165  1.00  2.85           C  
+ATOM     44  CD2 LEU A   5      27.883  23.370  24.177  1.00  2.99           C  
+ATOM     45  N   ILE A   6      26.872  20.127  27.677  1.00  4.84           N  
+ATOM     46  CA  ILE A   6      27.234  18.718  27.430  1.00  6.82           C  
+ATOM     47  C   ILE A   6      26.857  18.445  25.938  1.00  6.98           C  
+ATOM     48  O   ILE A   6      25.684  18.610  25.488  1.00  5.70           O  
+ATOM     49  CB  ILE A   6      26.539  17.774  28.431  1.00  7.70           C  
+ATOM     50  CG1 ILE A   6      26.929  18.189  29.827  1.00  8.62           C  
+ATOM     51  CG2 ILE A   6      26.965  16.283  28.223  1.00  8.79           C  
+ATOM     52  CD1 ILE A   6      26.270  17.302  30.804  1.00 10.87           C  
+ATOM     53  N   LEU A   7      27.883  18.141  25.160  1.00  6.28           N  
+ATOM     54  CA  LEU A   7      27.753  17.891  23.727  1.00  6.59           C  
+ATOM     55  C   LEU A   7      27.760  16.412  23.441  1.00  6.58           C  
+ATOM     56  O   LEU A   7      28.779  15.768  23.693  1.00  6.52           O  
+ATOM     57  CB  LEU A   7      28.948  18.512  22.941  1.00  6.20           C  
+ATOM     58  CG  LEU A   7      29.329  19.998  23.037  1.00  7.38           C  
+ATOM     59  CD1 LEU A   7      30.665  20.164  23.746  1.00  5.51           C  
+ATOM     60  CD2 LEU A   7      29.401  20.599  21.670  1.00  5.66           C  
+ATOM     61  N   ASN A   8      26.656  15.886  22.895  1.00  7.07           N  
+ATOM     62  CA  ASN A   8      26.607  14.472  22.512  1.00  8.36           C  
+ATOM     63  C   ASN A   8      26.394  14.448  21.001  1.00  6.87           C  
+ATOM     64  O   ASN A   8      25.320  14.170  20.496  1.00  4.58           O  
+ATOM     65  CB  ASN A   8      25.509  13.703  23.253  1.00 11.84           C  
+ATOM     66  CG  ASN A   8      25.427  12.198  22.812  1.00 17.44           C  
+ATOM     67  OD1 ASN A   8      26.442  11.493  22.723  1.00 17.86           O  
+ATOM     68  ND2 ASN A   8      24.216  11.740  22.470  1.00 19.85           N  
+ATOM     69  N   GLY A   9      27.390  14.850  20.248  1.00  6.96           N  
+ATOM     70  CA  GLY A   9      27.190  14.807  18.805  1.00  6.92           C  
+ATOM     71  C   GLY A   9      27.687  13.461  18.292  1.00  8.02           C  
+ATOM     72  O   GLY A   9      28.202  12.631  19.096  1.00  7.55           O  
+ATOM     73  N   LYS A  10      27.644  13.275  16.967  1.00  7.38           N  
+ATOM     74  CA  LYS A  10      28.097  12.053  16.383  1.00  7.81           C  
+ATOM     75  C   LYS A  10      29.608  12.016  16.332  1.00  8.00           C  
+ATOM     76  O   LYS A  10      30.227  10.985  16.633  1.00  5.03           O  
+ATOM     77  CB  LYS A  10      27.505  11.913  15.016  1.00 11.98           C  
+ATOM     78  CG  LYS A  10      26.053  11.530  15.078  1.00 16.38           C  
+ATOM     79  CD  LYS A  10      25.221  12.127  13.918  1.00 24.20           C  
+ATOM     80  CE  LYS A  10      25.741  11.707  12.492  1.00 27.12           C  
+ATOM     81  NZ  LYS A  10      24.966  12.355  11.327  1.00 27.49           N  
+ATOM     82  N   THR A  11      30.199  13.192  16.095  1.00  7.50           N  
+ATOM     83  CA  THR A  11      31.651  13.369  15.973  1.00  8.20           C  
+ATOM     84  C   THR A  11      32.334  13.991  17.218  1.00  7.89           C  
+ATOM     85  O   THR A  11      33.420  13.607  17.586  1.00  7.61           O  
+ATOM     86  CB  THR A  11      31.956  14.339  14.801  1.00  9.35           C  
+ATOM     87  OG1 THR A  11      31.318  13.897  13.603  1.00 10.85           O  
+ATOM     88  CG2 THR A  11      33.421  14.517  14.602  1.00 12.32           C  
+ATOM     89  N   LEU A  12      31.689  14.980  17.820  1.00  8.58           N  
+ATOM     90  CA  LEU A  12      32.240  15.708  18.937  1.00  7.27           C  
+ATOM     91  C   LEU A  12      31.473  15.439  20.241  1.00  7.67           C  
+ATOM     92  O   LEU A  12      30.249  15.645  20.358  1.00  7.27           O  
+ATOM     93  CB  LEU A  12      32.162  17.199  18.564  1.00  8.71           C  
+ATOM     94  CG  LEU A  12      33.156  18.300  18.949  1.00 10.48           C  
+ATOM     95  CD1 LEU A  12      32.341  19.601  19.228  1.00  9.21           C  
+ATOM     96  CD2 LEU A  12      34.036  17.907  20.136  1.00  8.42           C  
+ATOM     97  N   LYS A  13      32.202  15.087  21.265  1.00  5.43           N  
+ATOM     98  CA  LYS A  13      31.559  14.806  22.513  1.00  7.07           C  
+ATOM     99  C   LYS A  13      32.382  15.429  23.592  1.00  7.64           C  
+ATOM    100  O   LYS A  13      33.586  15.394  23.538  1.00  6.64           O  
+ATOM    101  CB  LYS A  13      31.508  13.303  22.723  1.00  8.04           C  
+ATOM    102  CG  LYS A  13      30.511  12.591  21.829  1.00  9.13           C  
+ATOM    103  CD  LYS A  13      30.582  11.080  22.038  1.00  9.99           C  
+ATOM    104  CE  LYS A  13      29.510  10.370  21.214  1.00  9.64           C  
+ATOM    105  NZ  LYS A  13      29.903  10.422  19.840  1.00  9.79           N  
+ATOM    106  N   GLY A  14      31.742  16.049  24.564  1.00  8.08           N  
+ATOM    107  CA  GLY A  14      32.551  16.607  25.608  1.00 10.91           C  
+ATOM    108  C   GLY A  14      31.784  17.507  26.519  1.00 13.82           C  
+ATOM    109  O   GLY A  14      30.540  17.459  26.526  1.00 12.43           O  
+ATOM    110  N   GLU A  15      32.511  18.353  27.246  1.00 12.18           N  
+ATOM    111  CA  GLU A  15      31.885  19.251  28.169  1.00 13.37           C  
+ATOM    112  C   GLU A  15      32.675  20.541  28.212  1.00 13.44           C  
+ATOM    113  O   GLU A  15      33.918  20.512  28.139  1.00 11.68           O  
+ATOM    114  CB  GLU A  15      31.955  18.585  29.514  1.00 16.38           C  
+ATOM    115  CG  GLU A  15      31.160  19.175  30.617  1.00 20.75           C  
+ATOM    116  CD  GLU A  15      30.988  18.128  31.732  1.00 22.61           C  
+ATOM    117  OE1 GLU A  15      30.231  17.132  31.558  1.00 24.56           O  
+ATOM    118  OE2 GLU A  15      31.675  18.255  32.749  1.00 22.88           O  
+ATOM    119  N   THR A  16      31.962  21.662  28.166  1.00 10.94           N  
+ATOM    120  CA  THR A  16      32.590  22.952  28.314  1.00 12.35           C  
+ATOM    121  C   THR A  16      31.657  23.748  29.154  1.00 11.69           C  
+ATOM    122  O   THR A  16      30.560  23.313  29.424  1.00  9.43           O  
+ATOM    123  CB  THR A  16      32.843  23.745  27.020  1.00 13.36           C  
+ATOM    124  OG1 THR A  16      31.691  23.719  26.139  1.00 16.26           O  
+ATOM    125  CG2 THR A  16      34.010  23.231  26.342  1.00 20.68           C  
+ATOM    126  N   THR A  17      32.102  24.933  29.549  1.00 12.87           N  
+ATOM    127  CA  THR A  17      31.337  25.872  30.369  1.00 13.13           C  
+ATOM    128  C   THR A  17      31.442  27.293  29.794  1.00 15.23           C  
+ATOM    129  O   THR A  17      32.280  27.575  28.937  1.00 12.64           O  
+ATOM    130  CB  THR A  17      31.906  25.957  31.777  1.00 13.66           C  
+ATOM    131  OG1 THR A  17      33.175  26.606  31.730  1.00 12.04           O  
+ATOM    132  CG2 THR A  17      32.089  24.590  32.337  1.00 12.62           C  
+ATOM    133  N   THR A  18      30.560  28.182  30.238  1.00 13.46           N  
+ATOM    134  CA  THR A  18      30.648  29.569  29.782  1.00 16.10           C  
+ATOM    135  C   THR A  18      30.183  30.439  30.924  1.00 15.95           C  
+ATOM    136  O   THR A  18      29.659  29.918  31.883  1.00 16.00           O  
+ATOM    137  CB  THR A  18      29.809  29.875  28.486  1.00 15.44           C  
+ATOM    138  OG1 THR A  18      30.308  31.072  27.882  1.00 14.31           O  
+ATOM    139  CG2 THR A  18      28.342  30.070  28.789  1.00 15.16           C  
+ATOM    140  N   GLU A  19      30.512  31.719  30.863  1.00 14.78           N  
+ATOM    141  CA  GLU A  19      30.112  32.696  31.870  1.00 18.12           C  
+ATOM    142  C   GLU A  19      29.090  33.566  31.129  1.00 14.65           C  
+ATOM    143  O   GLU A  19      29.308  33.925  29.998  1.00 16.84           O  
+ATOM    144  CB  GLU A  19      31.332  33.552  32.303  1.00 22.39           C  
+ATOM    145  CG  GLU A  19      31.413  33.990  33.814  1.00 28.69           C  
+ATOM    146  CD  GLU A  19      30.348  35.085  34.267  1.00 35.12           C  
+ATOM    147  OE1 GLU A  19      29.864  35.904  33.419  1.00 35.81           O  
+ATOM    148  OE2 GLU A  19      30.010  35.143  35.495  1.00 33.84           O  
+ATOM    149  N   ALA A  20      27.930  33.807  31.698  1.00 11.79           N  
+ATOM    150  CA  ALA A  20      26.954  34.653  31.011  1.00 11.11           C  
+ATOM    151  C   ALA A  20      25.998  35.271  32.023  1.00 11.25           C  
+ATOM    152  O   ALA A  20      25.861  34.745  33.095  1.00 10.25           O  
+ATOM    153  CB  ALA A  20      26.175  33.859  29.917  1.00 10.30           C  
+ATOM    154  N   VAL A  21      25.406  36.414  31.687  1.00 11.64           N  
+ATOM    155  CA  VAL A  21      24.428  37.125  32.548  1.00 13.50           C  
+ATOM    156  C   VAL A  21      23.176  36.342  32.872  1.00 13.35           C  
+ATOM    157  O   VAL A  21      22.648  36.441  33.968  1.00 13.80           O  
+ATOM    158  CB  VAL A  21      23.894  38.488  31.924  1.00 15.00           C  
+ATOM    159  CG1 VAL A  21      24.715  39.622  32.402  1.00 13.17           C  
+ATOM    160  CG2 VAL A  21      23.842  38.429  30.361  1.00 13.88           C  
+ATOM    161  N   ASP A  22      22.687  35.605  31.888  1.00 12.32           N  
+ATOM    162  CA  ASP A  22      21.526  34.808  32.082  1.00 10.39           C  
+ATOM    163  C   ASP A  22      21.599  33.656  31.128  1.00 10.50           C  
+ATOM    164  O   ASP A  22      22.473  33.619  30.238  1.00  9.88           O  
+ATOM    165  CB  ASP A  22      20.243  35.635  31.899  1.00 11.05           C  
+ATOM    166  CG  ASP A  22      20.069  36.160  30.520  1.00 12.87           C  
+ATOM    167  OD1 ASP A  22      20.821  35.774  29.607  1.00 16.26           O  
+ATOM    168  OD2 ASP A  22      19.146  36.972  30.319  1.00 16.47           O  
+ATOM    169  N   ALA A  23      20.639  32.740  31.269  1.00  8.81           N  
+ATOM    170  CA  ALA A  23      20.561  31.551  30.430  1.00  6.96           C  
+ATOM    171  C   ALA A  23      20.321  31.844  28.931  1.00  5.92           C  
+ATOM    172  O   ALA A  23      20.824  31.129  28.069  1.00  8.19           O  
+ATOM    173  CB  ALA A  23      19.503  30.664  30.975  1.00  6.19           C  
+ATOM    174  N   ALA A  24      19.543  32.880  28.616  1.00  4.63           N  
+ATOM    175  CA  ALA A  24      19.237  33.239  27.218  1.00  5.79           C  
+ATOM    176  C   ALA A  24      20.490  33.638  26.483  1.00  6.14           C  
+ATOM    177  O   ALA A  24      20.643  33.370  25.310  1.00  8.27           O  
+ATOM    178  CB  ALA A  24      18.162  34.389  27.146  1.00  5.79           C  
+ATOM    179  N   THR A  25      21.411  34.253  27.198  1.00  7.31           N  
+ATOM    180  CA  THR A  25      22.642  34.663  26.595  1.00  7.61           C  
+ATOM    181  C   THR A  25      23.567  33.440  26.482  1.00  8.29           C  
+ATOM    182  O   THR A  25      24.190  33.275  25.431  1.00  7.36           O  
+ATOM    183  CB  THR A  25      23.295  35.861  27.358  1.00  9.87           C  
+ATOM    184  OG1 THR A  25      22.376  36.945  27.421  1.00 15.99           O  
+ATOM    185  CG2 THR A  25      24.436  36.418  26.612  1.00  7.83           C  
+ATOM    186  N   ALA A  26      23.632  32.570  27.510  1.00  6.72           N  
+ATOM    187  CA  ALA A  26      24.499  31.366  27.438  1.00  9.64           C  
+ATOM    188  C   ALA A  26      24.004  30.444  26.304  1.00 10.01           C  
+ATOM    189  O   ALA A  26      24.795  29.892  25.550  1.00 10.49           O  
+ATOM    190  CB  ALA A  26      24.554  30.606  28.803  1.00  6.87           C  
+ATOM    191  N   GLU A  27      22.691  30.378  26.130  1.00 11.53           N  
+ATOM    192  CA  GLU A  27      22.101  29.590  25.062  1.00 13.51           C  
+ATOM    193  C   GLU A  27      22.566  30.053  23.656  1.00 13.78           C  
+ATOM    194  O   GLU A  27      22.766  29.254  22.743  1.00 12.47           O  
+ATOM    195  CB  GLU A  27      20.587  29.689  25.128  1.00 15.82           C  
+ATOM    196  CG  GLU A  27      19.983  28.615  24.307  1.00 21.36           C  
+ATOM    197  CD  GLU A  27      18.724  29.052  23.663  1.00 23.07           C  
+ATOM    198  OE1 GLU A  27      17.994  29.851  24.306  1.00 25.94           O  
+ATOM    199  OE2 GLU A  27      18.462  28.615  22.521  1.00 23.21           O  
+ATOM    200  N   LYS A  28      22.706  31.360  23.469  1.00 15.31           N  
+ATOM    201  CA  LYS A  28      23.180  31.932  22.177  1.00 13.12           C  
+ATOM    202  C   LYS A  28      24.673  31.606  21.915  1.00  9.68           C  
+ATOM    203  O   LYS A  28      25.086  31.328  20.783  1.00  8.78           O  
+ATOM    204  CB  LYS A  28      23.016  33.469  22.176  1.00 14.23           C  
+ATOM    205  CG  LYS A  28      21.731  34.012  21.531  1.00 17.45           C  
+ATOM    206  CD  LYS A  28      20.541  34.029  22.467  1.00 18.36           C  
+ATOM    207  CE  LYS A  28      19.944  32.644  22.755  1.00 18.63           C  
+ATOM    208  NZ  LYS A  28      18.765  32.791  23.728  1.00 17.32           N  
+ATOM    209  N   VAL A  29      25.471  31.760  22.968  1.00  8.13           N  
+ATOM    210  CA  VAL A  29      26.885  31.515  22.924  1.00  7.52           C  
+ATOM    211  C   VAL A  29      27.147  30.039  22.603  1.00  6.40           C  
+ATOM    212  O   VAL A  29      27.990  29.702  21.779  1.00  6.66           O  
+ATOM    213  CB  VAL A  29      27.486  31.891  24.303  1.00  7.57           C  
+ATOM    214  CG1 VAL A  29      28.899  31.370  24.409  1.00  7.89           C  
+ATOM    215  CG2 VAL A  29      27.458  33.433  24.518  1.00  6.16           C  
+ATOM    216  N   PHE A  30      26.469  29.154  23.332  1.00  7.49           N  
+ATOM    217  CA  PHE A  30      26.606  27.707  23.121  1.00  7.01           C  
+ATOM    218  C   PHE A  30      26.136  27.212  21.756  1.00  7.21           C  
+ATOM    219  O   PHE A  30      26.792  26.404  21.128  1.00  6.86           O  
+ATOM    220  CB  PHE A  30      25.893  26.960  24.228  1.00  7.00           C  
+ATOM    221  CG  PHE A  30      26.665  26.936  25.514  1.00  6.05           C  
+ATOM    222  CD1 PHE A  30      28.066  26.954  25.508  1.00  4.97           C  
+ATOM    223  CD2 PHE A  30      26.001  26.842  26.735  1.00  4.70           C  
+ATOM    224  CE1 PHE A  30      28.786  26.873  26.704  1.00  3.77           C  
+ATOM    225  CE2 PHE A  30      26.724  26.763  27.921  1.00  4.13           C  
+ATOM    226  CZ  PHE A  30      28.118  26.780  27.893  1.00  2.96           C  
+ATOM    227  N   LYS A  31      25.007  27.737  21.289  1.00  9.22           N  
+ATOM    228  CA  LYS A  31      24.465  27.362  20.003  1.00  9.74           C  
+ATOM    229  C   LYS A  31      25.468  27.769  18.973  1.00 10.79           C  
+ATOM    230  O   LYS A  31      25.726  27.029  18.067  1.00 11.32           O  
+ATOM    231  CB  LYS A  31      23.164  28.080  19.739  1.00 10.71           C  
+ATOM    232  CG  LYS A  31      21.959  27.448  20.394  1.00 15.00           C  
+ATOM    233  CD  LYS A  31      21.142  26.655  19.377  1.00 18.28           C  
+ATOM    234  CE  LYS A  31      19.630  26.666  19.692  1.00 20.79           C  
+ATOM    235  NZ  LYS A  31      19.282  26.112  21.023  1.00 19.71           N  
+ATOM    236  N   GLN A  32      26.018  28.963  19.088  1.00  9.07           N  
+ATOM    237  CA  GLN A  32      27.009  29.365  18.127  1.00 10.35           C  
+ATOM    238  C   GLN A  32      28.242  28.433  18.223  1.00  9.02           C  
+ATOM    239  O   GLN A  32      28.852  28.088  17.218  1.00  8.60           O  
+ATOM    240  CB  GLN A  32      27.401  30.823  18.374  1.00 11.61           C  
+ATOM    241  CG  GLN A  32      28.527  31.312  17.476  1.00 11.88           C  
+ATOM    242  CD  GLN A  32      28.791  32.813  17.645  1.00 13.83           C  
+ATOM    243  OE1 GLN A  32      28.586  33.364  18.726  1.00 15.61           O  
+ATOM    244  NE2 GLN A  32      29.172  33.478  16.571  1.00 12.31           N  
+ATOM    245  N   TYR A  33      28.656  28.118  19.451  1.00  8.39           N  
+ATOM    246  CA  TYR A  33      29.773  27.206  19.679  1.00  6.40           C  
+ATOM    247  C   TYR A  33      29.509  25.862  18.941  1.00  5.87           C  
+ATOM    248  O   TYR A  33      30.320  25.372  18.149  1.00  4.80           O  
+ATOM    249  CB  TYR A  33      29.946  27.000  21.178  1.00  6.67           C  
+ATOM    250  CG  TYR A  33      31.015  25.993  21.502  1.00  6.95           C  
+ATOM    251  CD1 TYR A  33      32.355  26.338  21.387  1.00  7.21           C  
+ATOM    252  CD2 TYR A  33      30.689  24.686  21.899  1.00  6.38           C  
+ATOM    253  CE1 TYR A  33      33.374  25.417  21.669  1.00  9.67           C  
+ATOM    254  CE2 TYR A  33      31.674  23.754  22.177  1.00  6.66           C  
+ATOM    255  CZ  TYR A  33      33.027  24.125  22.072  1.00  8.46           C  
+ATOM    256  OH  TYR A  33      34.039  23.263  22.408  1.00  9.40           O  
+ATOM    257  N   ALA A  34      28.338  25.291  19.178  1.00  7.50           N  
+ATOM    258  CA  ALA A  34      27.920  24.046  18.545  1.00  8.91           C  
+ATOM    259  C   ALA A  34      27.949  24.186  17.057  1.00 10.19           C  
+ATOM    260  O   ALA A  34      28.450  23.338  16.372  1.00  9.37           O  
+ATOM    261  CB  ALA A  34      26.496  23.710  18.955  1.00  7.87           C  
+ATOM    262  N   ASN A  35      27.384  25.279  16.574  1.00 11.90           N  
+ATOM    263  CA  ASN A  35      27.274  25.513  15.161  1.00 14.15           C  
+ATOM    264  C   ASN A  35      28.633  25.557  14.477  1.00 13.33           C  
+ATOM    265  O   ASN A  35      28.846  24.927  13.425  1.00 10.58           O  
+ATOM    266  CB  ASN A  35      26.487  26.810  14.914  1.00 20.29           C  
+ATOM    267  CG  ASN A  35      24.932  26.584  14.787  1.00 23.22           C  
+ATOM    268  OD1 ASN A  35      24.309  27.068  13.800  1.00 26.74           O  
+ATOM    269  ND2 ASN A  35      24.299  25.919  15.788  1.00 21.89           N  
+ATOM    270  N   ASP A  36      29.550  26.286  15.097  1.00 10.96           N  
+ATOM    271  CA  ASP A  36      30.915  26.410  14.554  1.00 14.21           C  
+ATOM    272  C   ASP A  36      31.675  25.089  14.557  1.00  9.94           C  
+ATOM    273  O   ASP A  36      32.637  24.933  13.842  1.00 11.88           O  
+ATOM    274  CB  ASP A  36      31.737  27.446  15.334  1.00 13.30           C  
+ATOM    275  CG  ASP A  36      31.270  28.892  15.089  1.00 19.45           C  
+ATOM    276  OD1 ASP A  36      30.426  29.168  14.164  1.00 17.91           O  
+ATOM    277  OD2 ASP A  36      31.807  29.761  15.834  1.00 18.68           O  
+ATOM    278  N   ASN A  37      31.237  24.154  15.379  1.00 10.35           N  
+ATOM    279  CA  ASN A  37      31.910  22.848  15.442  1.00 10.08           C  
+ATOM    280  C   ASN A  37      31.204  21.703  14.705  1.00  8.66           C  
+ATOM    281  O   ASN A  37      31.499  20.533  14.960  1.00 10.48           O  
+ATOM    282  CB  ASN A  37      32.217  22.467  16.889  1.00  9.61           C  
+ATOM    283  CG  ASN A  37      33.232  23.388  17.496  1.00 10.43           C  
+ATOM    284  OD1 ASN A  37      34.434  23.277  17.242  1.00 10.40           O  
+ATOM    285  ND2 ASN A  37      32.760  24.275  18.360  1.00 10.05           N  
+ATOM    286  N   GLY A  38      30.255  22.076  13.847  1.00  7.27           N  
+ATOM    287  CA  GLY A  38      29.514  21.139  13.029  1.00  9.93           C  
+ATOM    288  C   GLY A  38      28.423  20.349  13.682  1.00  9.26           C  
+ATOM    289  O   GLY A  38      27.981  19.401  13.076  1.00 10.47           O  
+ATOM    290  N   VAL A  39      28.018  20.735  14.895  1.00  9.93           N  
+ATOM    291  CA  VAL A  39      26.982  20.057  15.673  1.00 11.05           C  
+ATOM    292  C   VAL A  39      25.623  20.694  15.351  1.00 13.05           C  
+ATOM    293  O   VAL A  39      25.519  21.922  15.147  1.00 13.46           O  
+ATOM    294  CB  VAL A  39      27.256  20.156  17.179  1.00 11.99           C  
+ATOM    295  CG1 VAL A  39      26.190  19.386  17.992  1.00 11.01           C  
+ATOM    296  CG2 VAL A  39      28.618  19.623  17.474  1.00 12.09           C  
+ATOM    297  N   ASP A  40      24.627  19.823  15.237  1.00 12.80           N  
+ATOM    298  CA  ASP A  40      23.273  20.165  14.911  1.00 16.78           C  
+ATOM    299  C   ASP A  40      22.364  19.106  15.560  1.00 16.32           C  
+ATOM    300  O   ASP A  40      22.057  18.080  14.952  1.00 17.59           O  
+ATOM    301  CB  ASP A  40      23.133  20.098  13.390  1.00 19.31           C  
+ATOM    302  CG  ASP A  40      21.922  20.848  12.870  1.00 21.54           C  
+ATOM    303  OD1 ASP A  40      21.056  21.312  13.659  1.00 21.98           O  
+ATOM    304  OD2 ASP A  40      21.855  20.980  11.621  1.00 27.00           O  
+ATOM    305  N   GLY A  41      21.933  19.353  16.786  1.00 15.38           N  
+ATOM    306  CA  GLY A  41      21.070  18.388  17.442  1.00 14.55           C  
+ATOM    307  C   GLY A  41      19.901  18.972  18.209  1.00 13.77           C  
+ATOM    308  O   GLY A  41      19.433  20.086  17.910  1.00 14.74           O  
+ATOM    309  N   GLU A  42      19.370  18.175  19.131  1.00 14.03           N  
+ATOM    310  CA  GLU A  42      18.281  18.573  20.025  1.00 15.15           C  
+ATOM    311  C   GLU A  42      18.921  19.078  21.289  1.00 13.42           C  
+ATOM    312  O   GLU A  42      19.965  18.538  21.727  1.00  9.64           O  
+ATOM    313  CB  GLU A  42      17.322  17.413  20.322  1.00 20.68           C  
+ATOM    314  CG  GLU A  42      16.345  17.122  19.126  1.00 26.20           C  
+ATOM    315  CD  GLU A  42      15.372  15.922  19.367  1.00 32.15           C  
+ATOM    316  OE1 GLU A  42      15.872  14.870  19.871  1.00 32.35           O  
+ATOM    317  OE2 GLU A  42      14.131  16.030  19.037  1.00 31.50           O  
+ATOM    318  N   TRP A  43      18.309  20.141  21.827  1.00 10.40           N  
+ATOM    319  CA  TRP A  43      18.773  20.830  23.024  1.00  8.43           C  
+ATOM    320  C   TRP A  43      17.801  20.725  24.189  1.00  9.38           C  
+ATOM    321  O   TRP A  43      16.599  20.589  24.004  1.00 10.29           O  
+ATOM    322  CB  TRP A  43      18.916  22.349  22.770  1.00  8.33           C  
+ATOM    323  CG  TRP A  43      19.989  22.746  21.842  1.00  7.08           C  
+ATOM    324  CD1 TRP A  43      19.989  22.613  20.492  1.00  8.75           C  
+ATOM    325  CD2 TRP A  43      21.244  23.292  22.191  1.00  7.08           C  
+ATOM    326  NE1 TRP A  43      21.189  23.036  19.961  1.00  5.66           N  
+ATOM    327  CE2 TRP A  43      21.986  23.454  20.988  1.00  7.08           C  
+ATOM    328  CE3 TRP A  43      21.832  23.656  23.393  1.00  7.63           C  
+ATOM    329  CZ2 TRP A  43      23.285  23.970  20.963  1.00  7.00           C  
+ATOM    330  CZ3 TRP A  43      23.098  24.165  23.376  1.00  7.78           C  
+ATOM    331  CH2 TRP A  43      23.826  24.318  22.161  1.00  7.62           C  
+ATOM    332  N   THR A  44      18.341  20.860  25.397  1.00  6.73           N  
+ATOM    333  CA  THR A  44      17.568  20.872  26.600  1.00  7.41           C  
+ATOM    334  C   THR A  44      18.370  21.803  27.458  1.00  7.32           C  
+ATOM    335  O   THR A  44      19.564  22.051  27.162  1.00  8.30           O  
+ATOM    336  CB  THR A  44      17.477  19.475  27.325  1.00  6.34           C  
+ATOM    337  OG1 THR A  44      18.768  19.116  27.844  1.00  8.74           O  
+ATOM    338  CG2 THR A  44      16.965  18.331  26.382  1.00  4.42           C  
+ATOM    339  N   TYR A  45      17.707  22.422  28.434  1.00  6.33           N  
+ATOM    340  CA  TYR A  45      18.383  23.292  29.382  1.00  6.58           C  
+ATOM    341  C   TYR A  45      17.795  22.951  30.738  1.00  6.24           C  
+ATOM    342  O   TYR A  45      16.594  22.894  30.859  1.00  8.16           O  
+ATOM    343  CB  TYR A  45      18.153  24.791  29.123  1.00  6.32           C  
+ATOM    344  CG  TYR A  45      18.630  25.646  30.300  1.00  7.32           C  
+ATOM    345  CD1 TYR A  45      19.993  25.696  30.649  1.00  6.00           C  
+ATOM    346  CD2 TYR A  45      17.716  26.386  31.095  1.00  7.75           C  
+ATOM    347  CE1 TYR A  45      20.434  26.427  31.704  1.00  6.17           C  
+ATOM    348  CE2 TYR A  45      18.165  27.134  32.159  1.00  8.06           C  
+ATOM    349  CZ  TYR A  45      19.531  27.144  32.461  1.00  6.37           C  
+ATOM    350  OH  TYR A  45      20.003  27.846  33.547  1.00  7.74           O  
+ATOM    351  N   ASP A  46      18.637  22.717  31.736  1.00  6.35           N  
+ATOM    352  CA  ASP A  46      18.189  22.395  33.084  1.00  6.11           C  
+ATOM    353  C   ASP A  46      18.762  23.422  34.046  1.00  7.28           C  
+ATOM    354  O   ASP A  46      19.956  23.402  34.423  1.00  4.29           O  
+ATOM    355  CB  ASP A  46      18.608  20.963  33.468  1.00  7.79           C  
+ATOM    356  CG  ASP A  46      18.147  20.542  34.888  1.00  7.44           C  
+ATOM    357  OD1 ASP A  46      17.386  21.232  35.591  1.00  5.00           O  
+ATOM    358  OD2 ASP A  46      18.551  19.448  35.270  1.00  9.02           O  
+ATOM    359  N   ASP A  47      17.863  24.323  34.417  1.00  6.68           N  
+ATOM    360  CA  ASP A  47      18.172  25.408  35.266  1.00  8.65           C  
+ATOM    361  C   ASP A  47      18.635  24.975  36.607  1.00 10.53           C  
+ATOM    362  O   ASP A  47      19.331  25.709  37.256  1.00 10.10           O  
+ATOM    363  CB  ASP A  47      16.952  26.264  35.444  1.00  9.98           C  
+ATOM    364  CG  ASP A  47      17.294  27.588  36.038  1.00 13.07           C  
+ATOM    365  OD1 ASP A  47      18.182  28.307  35.517  1.00 11.85           O  
+ATOM    366  OD2 ASP A  47      16.710  27.874  37.084  1.00 14.99           O  
+ATOM    367  N   ALA A  48      18.101  23.853  37.083  1.00 10.72           N  
+ATOM    368  CA  ALA A  48      18.486  23.283  38.379  1.00  9.53           C  
+ATOM    369  C   ALA A  48      19.959  22.961  38.447  1.00  8.82           C  
+ATOM    370  O   ALA A  48      20.523  22.904  39.507  1.00 10.62           O  
+ATOM    371  CB  ALA A  48      17.677  22.025  38.647  1.00 11.11           C  
+ATOM    372  N   THR A  49      20.603  22.757  37.316  1.00  9.51           N  
+ATOM    373  CA  THR A  49      22.029  22.470  37.333  1.00  8.40           C  
+ATOM    374  C   THR A  49      22.748  23.435  36.395  1.00  7.98           C  
+ATOM    375  O   THR A  49      23.941  23.324  36.212  1.00  9.23           O  
+ATOM    376  CB  THR A  49      22.345  20.975  36.913  1.00  8.34           C  
+ATOM    377  OG1 THR A  49      22.050  20.810  35.525  1.00  6.78           O  
+ATOM    378  CG2 THR A  49      21.457  19.962  37.702  1.00  6.32           C  
+ATOM    379  N   LYS A  50      22.009  24.371  35.800  1.00  7.05           N  
+ATOM    380  CA  LYS A  50      22.552  25.343  34.873  1.00  8.49           C  
+ATOM    381  C   LYS A  50      23.219  24.646  33.689  1.00  8.72           C  
+ATOM    382  O   LYS A  50      24.189  25.166  33.141  1.00  8.51           O  
+ATOM    383  CB  LYS A  50      23.573  26.291  35.570  1.00 11.17           C  
+ATOM    384  CG  LYS A  50      23.028  27.095  36.711  1.00 10.11           C  
+ATOM    385  CD  LYS A  50      21.867  27.977  36.252  1.00 13.37           C  
+ATOM    386  CE  LYS A  50      21.143  28.680  37.483  1.00 12.12           C  
+ATOM    387  NZ  LYS A  50      20.184  29.770  37.143  1.00 15.16           N  
+ATOM    388  N   THR A  51      22.654  23.514  33.255  1.00  7.92           N  
+ATOM    389  CA  THR A  51      23.221  22.742  32.156  1.00  7.95           C  
+ATOM    390  C   THR A  51      22.435  22.672  30.858  1.00  5.18           C  
+ATOM    391  O   THR A  51      21.235  22.535  30.854  1.00  3.35           O  
+ATOM    392  CB  THR A  51      23.549  21.266  32.600  1.00  8.94           C  
+ATOM    393  OG1 THR A  51      24.412  21.311  33.730  1.00 10.06           O  
+ATOM    394  CG2 THR A  51      24.324  20.498  31.477  1.00 11.18           C  
+ATOM    395  N   PHE A  52      23.152  22.808  29.756  1.00  3.88           N  
+ATOM    396  CA  PHE A  52      22.568  22.724  28.431  1.00  5.35           C  
+ATOM    397  C   PHE A  52      23.139  21.448  27.853  1.00  5.94           C  
+ATOM    398  O   PHE A  52      24.298  21.110  28.112  1.00  7.60           O  
+ATOM    399  CB  PHE A  52      23.077  23.828  27.506  1.00  4.56           C  
+ATOM    400  CG  PHE A  52      22.484  25.155  27.766  1.00  5.80           C  
+ATOM    401  CD1 PHE A  52      22.962  25.955  28.824  1.00  6.35           C  
+ATOM    402  CD2 PHE A  52      21.488  25.630  26.943  1.00  6.87           C  
+ATOM    403  CE1 PHE A  52      22.460  27.242  29.066  1.00  6.65           C  
+ATOM    404  CE2 PHE A  52      20.946  26.900  27.152  1.00  7.62           C  
+ATOM    405  CZ  PHE A  52      21.438  27.729  28.226  1.00  7.28           C  
+ATOM    406  N   THR A  53      22.359  20.748  27.052  1.00  5.79           N  
+ATOM    407  CA  THR A  53      22.885  19.561  26.411  1.00  5.92           C  
+ATOM    408  C   THR A  53      22.419  19.621  24.955  1.00  5.65           C  
+ATOM    409  O   THR A  53      21.309  20.087  24.688  1.00  6.81           O  
+ATOM    410  CB  THR A  53      22.400  18.226  27.067  1.00  5.16           C  
+ATOM    411  OG1 THR A  53      21.054  17.997  26.672  1.00  9.40           O  
+ATOM    412  CG2 THR A  53      22.407  18.291  28.569  1.00  5.06           C  
+ATOM    413  N   VAL A  54      23.285  19.248  24.008  1.00  5.98           N  
+ATOM    414  CA  VAL A  54      22.856  19.172  22.598  1.00  5.44           C  
+ATOM    415  C   VAL A  54      23.112  17.708  22.184  1.00  4.77           C  
+ATOM    416  O   VAL A  54      24.161  17.151  22.491  1.00  3.99           O  
+ATOM    417  CB  VAL A  54      23.576  20.167  21.671  1.00  3.09           C  
+ATOM    418  CG1 VAL A  54      25.091  20.092  21.843  1.00  3.65           C  
+ATOM    419  CG2 VAL A  54      23.136  19.922  20.206  1.00  5.10           C  
+ATOM    420  N   THR A  55      22.210  17.134  21.421  1.00  5.48           N  
+ATOM    421  CA  THR A  55      22.364  15.731  21.085  1.00  6.69           C  
+ATOM    422  C   THR A  55      22.039  15.472  19.632  1.00  8.52           C  
+ATOM    423  O   THR A  55      20.995  15.860  19.189  1.00 12.30           O  
+ATOM    424  CB  THR A  55      21.406  14.955  21.979  1.00  5.30           C  
+ATOM    425  OG1 THR A  55      21.786  15.194  23.326  1.00  4.67           O  
+ATOM    426  CG2 THR A  55      21.441  13.470  21.755  1.00  6.00           C  
+ATOM    427  N   GLU A  56      22.905  14.843  18.864  1.00  8.91           N  
+ATOM    428  CA  GLU A  56      22.553  14.567  17.468  1.00 13.22           C  
+ATOM    429  C   GLU A  56      22.022  13.143  17.330  1.00 13.01           C  
+ATOM    430  O   GLU A  56      22.353  12.301  18.190  1.00 14.55           O  
+ATOM    431  CB  GLU A  56      23.736  14.723  16.538  1.00 13.01           C  
+ATOM    432  CG  GLU A  56      24.277  16.065  16.470  1.00 14.87           C  
+ATOM    433  CD  GLU A  56      25.430  16.161  15.494  1.00 15.68           C  
+ATOM    434  OE1 GLU A  56      26.403  15.371  15.576  1.00 17.54           O  
+ATOM    435  OE2 GLU A  56      25.381  17.081  14.664  1.00 18.60           O  
+ATOM    436  OXT GLU A  56      21.296  12.892  16.369  1.00 15.04           O  
+TER     437      GLU A  56                                                      
+HETATM  438  O   HOH A  57      20.045  17.338  24.112  1.00  3.04           O  
+HETATM  439  O   HOH A  58      29.284  15.933  16.005  1.00  3.90           O  
+HETATM  440  O   HOH A  59      30.968  17.869  15.018  0.94 11.86           O  
+HETATM  441  O   HOH A  60      36.384  21.652  27.812  0.96 15.46           O  
+HETATM  442  O   HOH A  61      17.058  34.117  30.636  0.91 16.69           O  
+HETATM  443  O   HOH A  62      27.844  16.414  13.404  1.00 23.36           O  
+HETATM  444  O   HOH A  63      18.404  38.643  27.967  1.00 23.63           O  
+HETATM  445  O   HOH A  64      19.968  31.460  34.797  1.00 23.75           O  
+HETATM  446  O   HOH A  65      18.201  18.566  37.695  0.95 22.19           O  
+HETATM  447  O   HOH A  66      28.632  36.880  26.524  1.00 24.51           O  
+HETATM  448  O   HOH A  67      24.320  18.322  34.892  0.95 23.33           O  
+HETATM  449  O   HOH A  68      34.515  20.297  15.278  0.95 24.44           O  
+HETATM  450  O   HOH A  69      25.264  17.638  11.962  1.00 26.96           O  
+HETATM  451  O   HOH A  70      27.030  30.620  14.393  1.00 30.28           O  
+HETATM  452  O   HOH A  71      34.649  12.834  25.632  0.98 31.24           O  
+HETATM  453  O   HOH A  72      18.195  33.437  33.740  0.88 30.66           O  
+HETATM  454  O   HOH A  73      15.996  28.545  27.866  1.00 38.23           O  
+HETATM  455  O   HOH A  74      22.964  13.047  25.143  0.94 34.64           O  
+HETATM  456  O   HOH A  75      36.309  21.652  20.246  1.00 43.01           O  
+HETATM  457  O   HOH A  76      15.334  21.462  20.777  0.91 37.63           O  
+MASTER      227    0    0    1    4    0    0    6  456    1    0    5          
+END                                                                             

Dockerfile

@@ -0,0 +1,12 @@
+
+FROM python:3.9
+
+WORKDIR /code
+
+COPY --link --chown=1000 . .
+
+RUN pip install --no-cache-dir -r requirements.txt
+
+ENV PYTHONUNBUFFERED=1 	GRADIO_ALLOW_FLAGGING=never 	GRADIO_NUM_PORTS=1 	GRADIO_SERVER_NAME=0.0.0.0     GRADIO_SERVER_PORT=7860 	SYSTEM=spaces
+
+CMD ["python", "app.py"]

README.md

@@ -1,10 +1,10 @@
+
 ---
-title: Gradio Molecule3d
-emoji: 📉
-colorFrom: purple
-colorTo: blue
+tags: [gradio-custom-component, gradio-template-File]
+title: gradio_molecule3d V0.0.1
+colorFrom: gray
+colorTo: indigo
 sdk: docker
 pinned: false
+license: apache-2.0
 ---
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app.py

@@ -0,0 +1,44 @@
+
+import gradio as gr
+from gradio_molecule3d import Molecule3D
+
+import os
+
+example = Molecule3D().example_inputs()
+
+
+reps =    [
+    {
+      "model": 0,
+      "chain": "",
+      "resname": "",
+      "style": "cartoon",
+      "color": "whiteCarbon",
+      "residue_range": "",
+      "around": 0,
+      "byres": False,
+      "visible": False,
+    },
+  ]
+
+def predict(x):
+    print("predict function", x)
+    return x
+
+#doesn't work
+# demo = gr.Interface(
+#     predict,
+#     Molecule3D(label="Molecule3D", reps=reps),  # interactive version of your component
+#     Molecule3D(),  # static version of your component
+#     examples=[[example]],  # uncomment this line to view the "example version" of your component
+# )
+
+#works
+with gr.Blocks() as demo:
+    inp = Molecule3D("demo/1pga.pdb",label="Molecule3D", reps=reps)
+    out = Molecule3D(label="Molecule3D", reps=reps)
+    btn = gr.Button("Predict")
+    btn.click(predict, inputs=inp, outputs=out)
+
+demo.launch()
+# blocks.launch()

requirements.txt

@@ -0,0 +1 @@
+gradio_molecule3d-0.0.1-py3-none-any.whl

src/.gitignore

@@ -0,0 +1,10 @@
+.eggs/
+dist/
+*.pyc
+__pycache__/
+*.py[cod]
+*$py.class
+__tmp/*
+*.pyi
+node_modules
+flagged

src/LICENSE

@@ -0,0 +1,7 @@
+Copyright 2023 Simon Dürr
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

src/README.md

@@ -0,0 +1,16 @@
+
+# gradio_molecule3d
+A Custom Gradio component to visualize molecules in pdb, sdf or mol2 format.
+
+
+Developed by Simon Dürr. 
+
+If you use this component for academic work please cite:
+3Dmol.js: molecular visualization with WebGL , Nicholas Rego, David Koes, Bioinformatics, Volume 31, Issue 8, April 2015, Pages 1322–1324, https://doi.org/10.1093/bioinformatics/btu829
+
+## How to use
+
+```python
+import gradio as gr
+from gradio_molecule3d import Molecule3D
+```

src/backend/gradio_molecule3d/__init__.py

@@ -0,0 +1,4 @@
+
+from .molecule3d import Molecule3D
+
+__all__ = ['Molecule3D']

src/backend/gradio_molecule3d/molecule3d.py

@@ -0,0 +1,205 @@
+"""gr.File() component"""
+
+from __future__ import annotations
+
+import tempfile
+import warnings
+from pathlib import Path
+from typing import Any, Callable, List, Literal
+
+from gradio_client.documentation import document, set_documentation_group
+
+from gradio.components.base import Component
+from gradio.data_classes import FileData, GradioRootModel
+from gradio.events import Events
+from gradio.utils import NamedString
+
+set_documentation_group("component")
+
+
+class ListFiles(GradioRootModel):
+    root: List[FileData]
+
+    def __getitem__(self, index):
+        return self.root[index]
+
+    def __iter__(self):
+        return iter(self.root)
+
+
+@document()
+class Molecule3D(Component):
+    """
+    Creates a file component that allows uploading generic file (when used as an input) and or displaying generic files (output).
+    Preprocessing: passes the uploaded file as a {tempfile._TemporaryFileWrapper} or {List[tempfile._TemporaryFileWrapper]} depending on `file_count` (or a {bytes}/{List[bytes]} depending on `type`)
+    Postprocessing: expects function to return a {str} path to a file, or {List[str]} consisting of paths to files.
+    Examples-format: a {str} path to a local file that populates the component.
+    Demos: zip_to_json, zip_files
+    """
+
+    EVENTS = [Events.change, Events.select, Events.clear, Events.upload]
+
+    def __init__(
+        self,
+        value: str | list[str] | Callable | None = None,
+         reps: Any | None = [],
+        config: Any | None = {
+    "backgroundColor": "white",
+    "orthographic": False,
+    "disableFog": False,
+  },
+        confidenceLabel: str | None = "pLDDT",
+        *,
+        file_count: Literal["single", "multiple", "directory"] = "single",
+        file_types: list[str] | None = None,
+        type: Literal["filepath", "binary"] = "filepath",
+        label: str | None = None,
+        every: float | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        height: int | float | None = None,
+        interactive: bool | None = None,
+        visible: bool = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+    ):
+        """
+        Parameters:
+            value: Default file to display, given as str file path. If callable, the function will be called whenever the app loads to set the initial value of the component.
+            file_count: if single, allows user to upload one file. If "multiple", user uploads multiple files. If "directory", user uploads all files in selected directory. Return type will be list for each file in case of "multiple" or "directory".
+            file_types: List of file extensions or types of files to be uploaded (e.g. ['image', '.json', '.mp4']). "file" allows any file to be uploaded, "image" allows only image files to be uploaded, "audio" allows only audio files to be uploaded, "video" allows only video files to be uploaded, "text" allows only text files to be uploaded.
+            representations: list of representation objects
+            config: dictionary of config options
+            confidenceLabel: label for confidence values stored in the bfactor column of a pdb file
+            type: Type of value to be returned by component. "file" returns a temporary file object with the same base name as the uploaded file, whose full path can be retrieved by file_obj.name, "binary" returns an bytes object.
+            label: The label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            every: If `value` is a callable, run the function 'every' number of seconds while the client connection is open. Has no effect otherwise. Queue must be enabled. The event can be accessed (e.g. to cancel it) via this component's .load_event attribute.
+            show_label: if True, will display label.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative width compared to adjacent Components in a Row. For example, if Component A has scale=2, and Component B has scale=1, A will be twice as wide as B. Should be an integer.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            height: The maximum height of the file component, in pixels. If more files are uploaded than can fit in the height, a scrollbar will appear.
+            interactive: if True, will allow users to upload a file; if False, can only be used to display files. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+        """
+        self.file_count = file_count
+        if self.file_count == "multiple":
+            self.data_model = ListFiles
+        else:
+            self.data_model = FileData
+        self.file_types = file_types
+        if file_types is not None and not isinstance(file_types, list):
+            raise ValueError(
+                f"Parameter file_types must be a list. Received {file_types.__class__.__name__}"
+            )
+        valid_types = [
+            "filepath",
+            "binary",
+        ]
+        if type not in valid_types:
+            raise ValueError(
+                f"Invalid value for parameter `type`: {type}. Please choose from one of: {valid_types}"
+            )
+        if file_count == "directory" and file_types is not None:
+            warnings.warn(
+                "The `file_types` parameter is ignored when `file_count` is 'directory'."
+            )
+        super().__init__(
+            label=label,
+            every=every,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            value=value,
+        )
+        self.type = type
+        self.height = height
+        self.reps = reps
+        self.config = config
+        self.confidenceLabel = confidenceLabel
+
+
+    def _process_single_file(self, f: FileData) -> NamedString | bytes:
+        file_name = f.path
+        if self.type == "filepath":
+            file = tempfile.NamedTemporaryFile(delete=False, dir=self.GRADIO_CACHE)
+            file.name = file_name
+            return NamedString(file_name)
+        elif self.type == "binary":
+            with open(file_name, "rb") as file_data:
+                return file_data.read()
+        else:
+            raise ValueError(
+                "Unknown type: "
+                + str(type)
+                + ". Please choose from: 'filepath', 'binary'."
+            )
+
+    def preprocess(
+        self, payload: ListFiles | FileData | None
+    ) -> bytes | NamedString | list[bytes | NamedString] | None:
+        print("preprocess", payload)
+        if payload is None:
+            return None
+        if self.file_count == "single":
+            if isinstance(payload, ListFiles):
+                return self._process_single_file(payload[0])
+            else:
+                return self._process_single_file(payload)
+        else:
+            if isinstance(payload, ListFiles):
+                return [self._process_single_file(f) for f in payload]
+            else:
+                return [self._process_single_file(payload)]
+
+    def postprocess(self, value: str | list[str] | None) -> ListFiles | FileData | None:
+        print("postprocess",value)
+        if value is None:
+            return None
+        
+        
+        if isinstance(value, list):
+            return ListFiles(
+                root=[
+                    FileData(
+                        path=file,
+                        orig_name=Path(file).name,
+                        size=Path(file).stat().st_size,
+                    )
+                    for file in value
+                ]
+            )
+        else:
+            return FileData(
+                path=value,
+                orig_name=Path(value).name,
+                size=Path(value).stat().st_size,
+            )
+
+    def as_example(self, input_data: str | list | None) -> str:
+        if input_data is None:
+            return ""
+        elif isinstance(input_data, list):
+            return ", ".join([Path(file).name for file in input_data])
+        else:
+            return Path(input_data).name
+
+    def example_inputs(self) -> Any:
+        if self.file_count == "single":
+            return "/home/duerr/Dev/GradioBio/molecule3d/demo/sample_file.pdf"
+        else:
+            return [
+                "sample_file.pdf"
+            ]

src/backend/gradio_molecule3d/molecule3d.pyi

@@ -0,0 +1,355 @@
+"""gr.File() component"""
+
+from __future__ import annotations
+
+import tempfile
+import warnings
+from pathlib import Path
+from typing import Any, Callable, List, Literal
+
+from gradio_client.documentation import document, set_documentation_group
+
+from gradio.components.base import Component
+from gradio.data_classes import FileData, GradioRootModel
+from gradio.events import Events
+from gradio.utils import NamedString
+
+set_documentation_group("component")
+
+
+class ListFiles(GradioRootModel):
+    root: List[FileData]
+
+    def __getitem__(self, index):
+        return self.root[index]
+
+    def __iter__(self):
+        return iter(self.root)
+
+from gradio.events import Dependency
+
+@document()
+class Molecule3D(Component):
+    """
+    Creates a file component that allows uploading generic file (when used as an input) and or displaying generic files (output).
+    Preprocessing: passes the uploaded file as a {tempfile._TemporaryFileWrapper} or {List[tempfile._TemporaryFileWrapper]} depending on `file_count` (or a {bytes}/{List[bytes]} depending on `type`)
+    Postprocessing: expects function to return a {str} path to a file, or {List[str]} consisting of paths to files.
+    Examples-format: a {str} path to a local file that populates the component.
+    Demos: zip_to_json, zip_files
+    """
+
+    EVENTS = [Events.change, Events.select, Events.clear, Events.upload]
+
+    def __init__(
+        self,
+        value: str | list[str] | Callable | None = None,
+         reps: Any | None = [],
+        config: Any | None = {
+    "backgroundColor": "white",
+    "orthographic": False,
+    "disableFog": False,
+  },
+        confidenceLabel: str | None = "pLDDT",
+        *,
+        file_count: Literal["single", "multiple", "directory"] = "single",
+        file_types: list[str] | None = None,
+        type: Literal["filepath", "binary"] = "filepath",
+        label: str | None = None,
+        every: float | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        height: int | float | None = None,
+        interactive: bool | None = None,
+        visible: bool = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+    ):
+        """
+        Parameters:
+            value: Default file to display, given as str file path. If callable, the function will be called whenever the app loads to set the initial value of the component.
+            file_count: if single, allows user to upload one file. If "multiple", user uploads multiple files. If "directory", user uploads all files in selected directory. Return type will be list for each file in case of "multiple" or "directory".
+            file_types: List of file extensions or types of files to be uploaded (e.g. ['image', '.json', '.mp4']). "file" allows any file to be uploaded, "image" allows only image files to be uploaded, "audio" allows only audio files to be uploaded, "video" allows only video files to be uploaded, "text" allows only text files to be uploaded.
+            representations: list of representation objects
+            config: dictionary of config options
+            confidenceLabel: label for confidence values stored in the bfactor column of a pdb file
+            type: Type of value to be returned by component. "file" returns a temporary file object with the same base name as the uploaded file, whose full path can be retrieved by file_obj.name, "binary" returns an bytes object.
+            label: The label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            every: If `value` is a callable, run the function 'every' number of seconds while the client connection is open. Has no effect otherwise. Queue must be enabled. The event can be accessed (e.g. to cancel it) via this component's .load_event attribute.
+            show_label: if True, will display label.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative width compared to adjacent Components in a Row. For example, if Component A has scale=2, and Component B has scale=1, A will be twice as wide as B. Should be an integer.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            height: The maximum height of the file component, in pixels. If more files are uploaded than can fit in the height, a scrollbar will appear.
+            interactive: if True, will allow users to upload a file; if False, can only be used to display files. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+        """
+        self.file_count = file_count
+        if self.file_count == "multiple":
+            self.data_model = ListFiles
+        else:
+            self.data_model = FileData
+        self.file_types = file_types
+        if file_types is not None and not isinstance(file_types, list):
+            raise ValueError(
+                f"Parameter file_types must be a list. Received {file_types.__class__.__name__}"
+            )
+        valid_types = [
+            "filepath",
+            "binary",
+        ]
+        if type not in valid_types:
+            raise ValueError(
+                f"Invalid value for parameter `type`: {type}. Please choose from one of: {valid_types}"
+            )
+        if file_count == "directory" and file_types is not None:
+            warnings.warn(
+                "The `file_types` parameter is ignored when `file_count` is 'directory'."
+            )
+        super().__init__(
+            label=label,
+            every=every,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            value=value,
+        )
+        self.type = type
+        self.height = height
+        self.reps = reps
+        self.config = config
+        self.confidenceLabel = confidenceLabel
+
+
+    def _process_single_file(self, f: FileData) -> NamedString | bytes:
+        file_name = f.path
+        if self.type == "filepath":
+            file = tempfile.NamedTemporaryFile(delete=False, dir=self.GRADIO_CACHE)
+            file.name = file_name
+            return NamedString(file_name)
+        elif self.type == "binary":
+            with open(file_name, "rb") as file_data:
+                return file_data.read()
+        else:
+            raise ValueError(
+                "Unknown type: "
+                + str(type)
+                + ". Please choose from: 'filepath', 'binary'."
+            )
+
+    def preprocess(
+        self, payload: ListFiles | FileData | None
+    ) -> bytes | NamedString | list[bytes | NamedString] | None:
+        print("preprocess", payload)
+        if payload is None:
+            return None
+        if self.file_count == "single":
+            if isinstance(payload, ListFiles):
+                return self._process_single_file(payload[0])
+            else:
+                return self._process_single_file(payload)
+        else:
+            if isinstance(payload, ListFiles):
+                return [self._process_single_file(f) for f in payload]
+            else:
+                return [self._process_single_file(payload)]
+
+    def postprocess(self, value: str | list[str] | None) -> ListFiles | FileData | None:
+        print("postprocess",value)
+        if value is None:
+            return None
+        
+        
+        if isinstance(value, list):
+            return ListFiles(
+                root=[
+                    FileData(
+                        path=file,
+                        orig_name=Path(file).name,
+                        size=Path(file).stat().st_size,
+                    )
+                    for file in value
+                ]
+            )
+        else:
+            return FileData(
+                path=value,
+                orig_name=Path(value).name,
+                size=Path(value).stat().st_size,
+            )
+
+    def as_example(self, input_data: str | list | None) -> str:
+        if input_data is None:
+            return ""
+        elif isinstance(input_data, list):
+            return ", ".join([Path(file).name for file in input_data])
+        else:
+            return Path(input_data).name
+
+    def example_inputs(self) -> Any:
+        if self.file_count == "single":
+            return "/home/duerr/Dev/GradioBio/molecule3d/demo/sample_file.pdf"
+        else:
+            return [
+                "sample_file.pdf"
+            ]
+
+    
+    def change(self,
+        fn: Callable | None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        outputs: Component | Sequence[Component] | None = None,
+        api_name: str | None | Literal[False] = None,
+        status_tracker: None = None,
+        scroll_to_output: bool = False,
+        show_progress: Literal["full", "minimal", "hidden"] = "full",
+        queue: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        cancels: dict[str, Any] | list[dict[str, Any]] | None = None,
+        every: float | None = None,
+        trigger_mode: Literal["once", "multiple", "always_last"] | None = None,
+        js: str | None = None,) -> Dependency:
+        """
+        Parameters:
+            fn: the function to call when this event is triggered. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+            outputs: List of gradio.components to use as outputs. If the function returns no outputs, this should be an empty list.
+            api_name: Defines how the endpoint appears in the API docs. Can be a string, None, or False. If False, the endpoint will not be exposed in the api docs. If set to None, the endpoint will be exposed in the api docs as an unnamed endpoint, although this behavior will be changed in Gradio 4.0. If set to a string, the endpoint will be exposed in the api docs with the given name.
+            scroll_to_output: If True, will scroll to output component on completion
+            show_progress: If True, will show progress animation while pending
+            queue: If True, will place the request on the queue, if the queue has been enabled. If False, will not put this event on the queue, even if the queue has been enabled. If None, will use the queue setting of the gradio app.
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            cancels: A list of other events to cancel when this listener is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method. Functions that have not yet run (or generators that are iterating) will be cancelled, but functions that are currently running will be allowed to finish.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+            trigger_mode: If "once" (default for all events except `.change()`) would not allow any submissions while an event is pending. If set to "multiple", unlimited submissions are allowed while pending, and "always_last" (default for `.change()` event) would allow a second submission after the pending event is complete.
+            js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+        """
+        ...
+    
+    def select(self,
+        fn: Callable | None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        outputs: Component | Sequence[Component] | None = None,
+        api_name: str | None | Literal[False] = None,
+        status_tracker: None = None,
+        scroll_to_output: bool = False,
+        show_progress: Literal["full", "minimal", "hidden"] = "full",
+        queue: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        cancels: dict[str, Any] | list[dict[str, Any]] | None = None,
+        every: float | None = None,
+        trigger_mode: Literal["once", "multiple", "always_last"] | None = None,
+        js: str | None = None,) -> Dependency:
+        """
+        Parameters:
+            fn: the function to call when this event is triggered. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+            outputs: List of gradio.components to use as outputs. If the function returns no outputs, this should be an empty list.
+            api_name: Defines how the endpoint appears in the API docs. Can be a string, None, or False. If False, the endpoint will not be exposed in the api docs. If set to None, the endpoint will be exposed in the api docs as an unnamed endpoint, although this behavior will be changed in Gradio 4.0. If set to a string, the endpoint will be exposed in the api docs with the given name.
+            scroll_to_output: If True, will scroll to output component on completion
+            show_progress: If True, will show progress animation while pending
+            queue: If True, will place the request on the queue, if the queue has been enabled. If False, will not put this event on the queue, even if the queue has been enabled. If None, will use the queue setting of the gradio app.
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            cancels: A list of other events to cancel when this listener is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method. Functions that have not yet run (or generators that are iterating) will be cancelled, but functions that are currently running will be allowed to finish.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+            trigger_mode: If "once" (default for all events except `.change()`) would not allow any submissions while an event is pending. If set to "multiple", unlimited submissions are allowed while pending, and "always_last" (default for `.change()` event) would allow a second submission after the pending event is complete.
+            js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+        """
+        ...
+    
+    def clear(self,
+        fn: Callable | None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        outputs: Component | Sequence[Component] | None = None,
+        api_name: str | None | Literal[False] = None,
+        status_tracker: None = None,
+        scroll_to_output: bool = False,
+        show_progress: Literal["full", "minimal", "hidden"] = "full",
+        queue: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        cancels: dict[str, Any] | list[dict[str, Any]] | None = None,
+        every: float | None = None,
+        trigger_mode: Literal["once", "multiple", "always_last"] | None = None,
+        js: str | None = None,) -> Dependency:
+        """
+        Parameters:
+            fn: the function to call when this event is triggered. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+            outputs: List of gradio.components to use as outputs. If the function returns no outputs, this should be an empty list.
+            api_name: Defines how the endpoint appears in the API docs. Can be a string, None, or False. If False, the endpoint will not be exposed in the api docs. If set to None, the endpoint will be exposed in the api docs as an unnamed endpoint, although this behavior will be changed in Gradio 4.0. If set to a string, the endpoint will be exposed in the api docs with the given name.
+            scroll_to_output: If True, will scroll to output component on completion
+            show_progress: If True, will show progress animation while pending
+            queue: If True, will place the request on the queue, if the queue has been enabled. If False, will not put this event on the queue, even if the queue has been enabled. If None, will use the queue setting of the gradio app.
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            cancels: A list of other events to cancel when this listener is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method. Functions that have not yet run (or generators that are iterating) will be cancelled, but functions that are currently running will be allowed to finish.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+            trigger_mode: If "once" (default for all events except `.change()`) would not allow any submissions while an event is pending. If set to "multiple", unlimited submissions are allowed while pending, and "always_last" (default for `.change()` event) would allow a second submission after the pending event is complete.
+            js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+        """
+        ...
+    
+    def upload(self,
+        fn: Callable | None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        outputs: Component | Sequence[Component] | None = None,
+        api_name: str | None | Literal[False] = None,
+        status_tracker: None = None,
+        scroll_to_output: bool = False,
+        show_progress: Literal["full", "minimal", "hidden"] = "full",
+        queue: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        cancels: dict[str, Any] | list[dict[str, Any]] | None = None,
+        every: float | None = None,
+        trigger_mode: Literal["once", "multiple", "always_last"] | None = None,
+        js: str | None = None,) -> Dependency:
+        """
+        Parameters:
+            fn: the function to call when this event is triggered. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+            outputs: List of gradio.components to use as outputs. If the function returns no outputs, this should be an empty list.
+            api_name: Defines how the endpoint appears in the API docs. Can be a string, None, or False. If False, the endpoint will not be exposed in the api docs. If set to None, the endpoint will be exposed in the api docs as an unnamed endpoint, although this behavior will be changed in Gradio 4.0. If set to a string, the endpoint will be exposed in the api docs with the given name.
+            scroll_to_output: If True, will scroll to output component on completion
+            show_progress: If True, will show progress animation while pending
+            queue: If True, will place the request on the queue, if the queue has been enabled. If False, will not put this event on the queue, even if the queue has been enabled. If None, will use the queue setting of the gradio app.
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            cancels: A list of other events to cancel when this listener is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method. Functions that have not yet run (or generators that are iterating) will be cancelled, but functions that are currently running will be allowed to finish.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+            trigger_mode: If "once" (default for all events except `.change()`) would not allow any submissions while an event is pending. If set to "multiple", unlimited submissions are allowed while pending, and "always_last" (default for `.change()` event) would allow a second submission after the pending event is complete.
+            js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+        """
+        ...

src/backend/gradio_molecule3d/templates/component/__vite-browser-external-2447137e.js

@@ -0,0 +1,4 @@
+const e = {};
+export {
+  e as default
+};

src/backend/gradio_molecule3d/templates/component/style.css

@@ -0,0 +1 @@
+.block.svelte-1t38q2d{position:relative;margin:0;box-shadow:var(--block-shadow);border-width:var(--block-border-width);border-color:var(--block-border-color);border-radius:var(--block-radius);background:var(--block-background-fill);width:100%;line-height:var(--line-sm)}.block.border_focus.svelte-1t38q2d{border-color:var(--color-accent)}.padded.svelte-1t38q2d{padding:var(--block-padding)}.hidden.svelte-1t38q2d{display:none}.hide-container.svelte-1t38q2d{margin:0;box-shadow:none;--block-border-width:0;background:transparent;padding:0;overflow:visible}div.svelte-1hnfib2{margin-bottom:var(--spacing-lg);color:var(--block-info-text-color);font-weight:var(--block-info-text-weight);font-size:var(--block-info-text-size);line-height:var(--line-sm)}span.has-info.svelte-22c38v{margin-bottom:var(--spacing-xs)}span.svelte-22c38v:not(.has-info){margin-bottom:var(--spacing-lg)}span.svelte-22c38v{display:inline-block;position:relative;z-index:var(--layer-4);border:solid var(--block-title-border-width) var(--block-title-border-color);border-radius:var(--block-title-radius);background:var(--block-title-background-fill);padding:var(--block-title-padding);color:var(--block-title-text-color);font-weight:var(--block-title-text-weight);font-size:var(--block-title-text-size);line-height:var(--line-sm)}.hide.svelte-22c38v{margin:0;height:0}label.svelte-9gxdi0{display:inline-flex;align-items:center;z-index:var(--layer-2);box-shadow:var(--block-label-shadow);border:var(--block-label-border-width) solid var(--border-color-primary);border-top:none;border-left:none;border-radius:var(--block-label-radius);background:var(--block-label-background-fill);padding:var(--block-label-padding);pointer-events:none;color:var(--block-label-text-color);font-weight:var(--block-label-text-weight);font-size:var(--block-label-text-size);line-height:var(--line-sm)}.gr-group label.svelte-9gxdi0{border-top-left-radius:0}label.float.svelte-9gxdi0{position:absolute;top:var(--block-label-margin);left:var(--block-label-margin)}label.svelte-9gxdi0:not(.float){position:static;margin-top:var(--block-label-margin);margin-left:var(--block-label-margin)}.hide.svelte-9gxdi0{height:0}span.svelte-9gxdi0{opacity:.8;margin-right:var(--size-2);width:calc(var(--block-label-text-size) - 1px);height:calc(var(--block-label-text-size) - 1px)}.hide-label.svelte-9gxdi0{box-shadow:none;border-width:0;background:transparent;overflow:visible}button.svelte-xtz2g8{display:flex;justify-content:center;align-items:center;gap:1px;z-index:var(--layer-2);border-radius:var(--radius-sm);color:var(--block-label-text-color);border:1px solid transparent}.padded.svelte-xtz2g8{padding:2px;background:var(--background-fill-primary);box-shadow:var(--shadow-drop);border:1px solid var(--button-secondary-border-color)}button.svelte-xtz2g8:hover{cursor:pointer;color:var(--color-accent)}.padded.svelte-xtz2g8:hover{border:2px solid var(--button-secondary-border-color-hover);padding:1px;color:var(--block-label-text-color)}span.svelte-xtz2g8{padding:0 1px;font-size:10px}div.svelte-xtz2g8{padding:2px;display:flex;align-items:flex-end}.small.svelte-xtz2g8{width:14px;height:14px}.large.svelte-xtz2g8{width:22px;height:22px}.pending.svelte-xtz2g8{animation:svelte-xtz2g8-flash .5s infinite}@keyframes svelte-xtz2g8-flash{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.empty.svelte-3w3rth{display:flex;justify-content:center;align-items:center;margin-top:calc(0px - var(--size-6));height:var(--size-full)}.icon.svelte-3w3rth{opacity:.5;height:var(--size-5);color:var(--body-text-color)}.small.svelte-3w3rth{min-height:calc(var(--size-32) - 20px)}.large.svelte-3w3rth{min-height:calc(var(--size-64) - 20px)}.unpadded_box.svelte-3w3rth{margin-top:0}.small_parent.svelte-3w3rth{min-height:100%!important}.dropdown-arrow.svelte-145leq6{fill:currentColor}.wrap.svelte-kzcjhc{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:var(--size-60);color:var(--block-label-text-color);line-height:var(--line-md);height:100%;padding-top:var(--size-3)}.or.svelte-kzcjhc{color:var(--body-text-color-subdued);display:flex}.icon-wrap.svelte-kzcjhc{width:30px;margin-bottom:var(--spacing-lg)}@media (--screen-md){.wrap.svelte-kzcjhc{font-size:var(--text-lg)}}.hovered.svelte-kzcjhc{color:var(--color-accent)}div.svelte-1nba87b{border-top:1px solid transparent;display:flex;max-height:100%;justify-content:center;gap:var(--spacing-sm);height:auto;align-items:flex-end;box-shadow:var(--shadow-drop);padding:var(--spacing-xl) 0;color:var(--block-label-text-color);flex-shrink:0;width:95%}.show_border.svelte-1nba87b{border-top:1px solid var(--block-border-color);margin-top:var(--spacing-xxl)}td.svelte-usqupg.svelte-usqupg{width:45%}td.svelte-usqupg.svelte-usqupg:last-child{width:10%;text-align:right}.file-preview-holder.svelte-usqupg.svelte-usqupg{overflow-x:auto;overflow-y:auto}.file-preview.svelte-usqupg.svelte-usqupg{width:var(--size-full);max-height:var(--size-60);overflow-y:auto;margin-top:var(--size-1);color:var(--body-text-color)}.file.svelte-usqupg.svelte-usqupg{width:var(--size-full)}.file.svelte-usqupg>.svelte-usqupg{padding:var(--size-1) var(--size-2-5)}.download.svelte-usqupg.svelte-usqupg:hover{text-decoration:underline}.download.svelte-usqupg>a.svelte-usqupg{color:var(--link-text-color)}.download.svelte-usqupg>a.svelte-usqupg:hover{color:var(--link-text-color-hover)}.download.svelte-usqupg>a.svelte-usqupg:visited{color:var(--link-text-color-visited)}.download.svelte-usqupg>a.svelte-usqupg:active{color:var(--link-text-color-active)}.selectable.svelte-usqupg.svelte-usqupg{cursor:pointer}tbody.svelte-usqupg>tr.svelte-usqupg:nth-child(2n){background:var(--block-background-fill)}tbody.svelte-usqupg>tr.svelte-usqupg:nth-child(odd){background:var(--table-odd-background-fill)}.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5,.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:before,.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:before,.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:after{--tw-content:""}h5.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{font-size:inherit;font-weight:inherit}button.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5,input.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5,select.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5,select.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{text-transform:none}button.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5,[type=button].svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{-webkit-appearance:button;background-color:transparent;background-image:none}.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:-moz-focusring{outline:auto}.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:-moz-ui-invalid{box-shadow:none}.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5::-webkit-inner-spin-button,.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5::-webkit-outer-spin-button{height:auto}.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5::-webkit-search-decoration{-webkit-appearance:none}.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}h5.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{margin:0}input.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5::-moz-placeholder{opacity:1;color:#9ca3af}input.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5::placeholder{opacity:1;color:#9ca3af}button.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{cursor:pointer}.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:disabled{cursor:default}svg.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{display:block;vertical-align:middle}.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5,.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:before,.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sr-only.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.absolute.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{position:absolute}.relative.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{position:relative}.bottom-0.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{bottom:0}.left-0.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{left:0}.right-0.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{right:0}.right-2\.5.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{right:.625rem}.top-0.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{top:0}.top-2\.5.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{top:.625rem}.z-10.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{z-index:10}.z-50.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{z-index:50}.my-2.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{margin-top:.5rem;margin-bottom:.5rem}.mb-2.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{margin-bottom:.5rem}.mb-4.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{margin-bottom:1rem}.mr-2.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{margin-right:.5rem}.ml-2.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{margin-left:.5rem}.mr-5.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{margin-right:1.25rem}.mt-2.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{margin-top:.5rem}.block.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{display:block}.flex.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{display:flex}.inline-flex.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{display:inline-flex}.h-2.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{height:.5rem}.h-5.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{height:1.25rem}.h-6.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{height:1.5rem}.h-8.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{height:2rem}.h-full.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{height:100%}.w-1\/2.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{width:50%}.w-1\/3.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{width:33.333333%}.w-11.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{width:2.75rem}.w-2\/3.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{width:66.666667%}.w-5.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{width:1.25rem}.w-8.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{width:2rem}.w-80.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{width:20rem}.w-full.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{width:100%}.rotate-90.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.appearance-none.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{flex-direction:column}.flex-wrap.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{flex-wrap:wrap}.items-center.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{align-items:center}.justify-center.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{justify-content:center}.gap-px.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{gap:1px}.space-x-1.svelte-1ib1ln5>.svelte-1ib1ln5:not([hidden])~.svelte-1ib1ln5:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2.svelte-1ib1ln5>.svelte-1ib1ln5:not([hidden])~.svelte-1ib1ln5:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.divide-x.svelte-1ib1ln5>.svelte-1ib1ln5:not([hidden])~.svelte-1ib1ln5:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-y.svelte-1ib1ln5>.svelte-1ib1ln5:not([hidden])~.svelte-1ib1ln5:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.overflow-hidden.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{overflow:hidden}.overflow-y-auto.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{overflow-y:auto}.rounded-full.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{border-radius:9999px}.rounded-lg.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{border-radius:.5rem}.border.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{border-width:1px}.border-4.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{border-width:4px}.border-b.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{border-bottom-width:1px}.border-l.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{border-left-width:1px}.border-t.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{border-top-width:1px}.border-gray-200.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-gray-300.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-gray-400.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.border-white.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.bg-black.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-blue-600.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-cyan-600.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-bg-opacity:1;background-color:rgb(8 145 178 / var(--tw-bg-opacity))}.bg-gray-100.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-200.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-50.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-gray-600.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.bg-green-600.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}.bg-orange-600.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-bg-opacity:1;background-color:rgb(234 88 12 / var(--tw-bg-opacity))}.bg-red-600.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.bg-transparent.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{background-color:transparent}.bg-white.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-1.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{padding:.25rem}.p-1\.5.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{padding:.375rem}.p-2.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{padding:.5rem}.p-2\.5.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{padding:.625rem}.p-4.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{padding:1rem}.px-4.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{padding-left:1rem;padding-right:1rem}.py-2.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{padding-top:.5rem;padding-bottom:.5rem}.py-4.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{padding-top:1rem;padding-bottom:1rem}.text-center.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{text-align:center}.text-base.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{font-size:1rem;line-height:1.5rem}.font-semibold.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{font-weight:600}.text-gray-400.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-600.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-900.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-orange-600.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-text-opacity:1;color:rgb(234 88 12 / var(--tw-text-opacity))}.transition-transform.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.sr-only.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{clip:rect(0,0,0,0);position:absolute;margin:-1px;border-width:0;padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap}.after\:absolute.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\].svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:after{content:var(--tw-content);left:2px}.after\:top-0\.5.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:after{content:var(--tw-content);top:.125rem}.after\:h-5.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:after{content:var(--tw-content);height:1.25rem}.after\:w-5.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:after{content:var(--tw-content);border-radius:9999px}.after\:border.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:after{content:var(--tw-content);border-width:1px}.after\:border-gray-300.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.after\:bg-white.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.after\:transition-all.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\].svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:after{--tw-content:"";content:var(--tw-content)}.hover\:bg-gray-200.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:text-gray-600.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:hover{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity))}.hover\:text-gray-900.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:hover{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity))}.focus\:border-blue-500.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:focus{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.focus\:ring-blue-500.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity))}.peer.svelte-1ib1ln5:checked~.peer-checked\:bg-orange-400.svelte-1ib1ln5.svelte-1ib1ln5{--tw-bg-opacity:1;background-color:rgb(251 146 60 / var(--tw-bg-opacity))}.peer.svelte-1ib1ln5:checked~.peer-checked\:after\:translate-x-full.svelte-1ib1ln5.svelte-1ib1ln5:after{content:var(--tw-content);--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer.svelte-1ib1ln5:checked~.peer-checked\:after\:border-white.svelte-1ib1ln5.svelte-1ib1ln5:after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.peer.svelte-1ib1ln5:focus~.peer-focus\:ring-4.svelte-1ib1ln5.svelte-1ib1ln5{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.peer.svelte-1ib1ln5:focus~.peer-focus\:ring-orange-300.svelte-1ib1ln5.svelte-1ib1ln5{--tw-ring-opacity:1;--tw-ring-color:rgb(253 186 116 / var(--tw-ring-opacity))}@media (prefers-color-scheme: dark){.dark\:border-gray-600.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.dark\:bg-gray-700.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.dark\:bg-gray-800.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:text-gray-400.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}.dark\:text-white.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:placeholder-gray-400.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.dark\:placeholder-gray-400.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.dark\:hover\:bg-gray-600.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.dark\:hover\:text-white.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:focus\:border-blue-500.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:focus{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.dark\:focus\:ring-blue-500.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity))}.peer.svelte-1ib1ln5:focus~.dark\:peer-focus\:ring-orange-800.svelte-1ib1ln5.svelte-1ib1ln5{--tw-ring-opacity:1;--tw-ring-color:rgb(154 52 18 / var(--tw-ring-opacity))}}.minh.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{min-height:40vh;height:50vh}.-top-1.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{top:-.25rem}.left-6.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{left:1.5rem}.h-4.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{height:1rem}.w-4.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{width:1rem}.w-max.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{width:max-content}.cursor-pointer.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{cursor:pointer}.rounded.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{border-radius:.25rem}.bg-gray-900.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.fill-current.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{fill:currentColor}.px-2.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{padding-left:.5rem;padding-right:.5rem}.py-1.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{padding-top:.25rem;padding-bottom:.25rem}.text-sm.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{font-size:.875rem;line-height:1.25rem}.font-medium.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{font-weight:500}.text-gray-50.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-text-opacity:1;color:rgb(249 250 251 / var(--tw-text-opacity))}.text-gray-500.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}.opacity-0.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{opacity:0}.opacity-100.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{opacity:1}.shadow.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.transition-opacity.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:text-orange-600.svelte-1ib1ln5.svelte-1ib1ln5.svelte-1ib1ln5:hover{--tw-text-opacity:1;color:rgb(234 88 12 / var(--tw-text-opacity))}button.svelte-18dlsnh{cursor:pointer;width:var(--size-full);height:var(--size-full)}.hidden.svelte-18dlsnh{display:none;height:0;position:absolute}.center.svelte-18dlsnh{display:flex;justify-content:center}.flex.svelte-18dlsnh{display:flex;justify-content:center;align-items:center}input.svelte-18dlsnh{display:none}div.svelte-1wj0ocy{display:flex;top:var(--size-2);right:var(--size-2);justify-content:flex-end;gap:var(--spacing-sm);z-index:var(--layer-1)}.not-absolute.svelte-1wj0ocy{margin:var(--size-1)}.py.svelte-18kpwjt{padding:10px 0}.btn.svelte-18kpwjt{margin:0 5px;padding:3px 15px;border:var(--button-border-width) solid var(--button-secondary-border-color);background:var(--button-secondary-background-fill);color:var(--button-secondary-text-color);border-radius:var(--button-large-radius);padding:var(--button-large-padding);font-weight:var(--button-large-text-weight);font-size:var(--button-large-text-size);cursor:pointer}.btn.svelte-18kpwjt:hover{border-color:var(--button-secondary-border-color-hover);background:var(--button-secondary-background-fill-hover);color:var(--button-secondary-text-color-hover);box-shadow:var(--button-shadow-hover)}.or.svelte-18kpwjt{color:var(--body-text-color-subdued);text-align:center;display:block}.wfull.svelte-18kpwjt{width:100%}.mt-2.svelte-18kpwjt{margin-top:2rem}.input.svelte-18kpwjt{box-shadow:var(--input-shadow);background:var(--input-background-fill);border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-radius);margin:0 5px}.select.svelte-18kpwjt{outline:none;border:none}.flex.svelte-18kpwjt{display:flex;justify-content:space-between}.inp.svelte-18kpwjt{width:100%;border:0 #fff!important;outline:none!important}.inp.svelte-18kpwjt:focus,.inp.svelte-18kpwjt:hover{border:0!important;outline:none!important}.text-center.svelte-18kpwjt{text-align:center}svg.svelte-43sxxs.svelte-43sxxs{width:var(--size-20);height:var(--size-20)}svg.svelte-43sxxs path.svelte-43sxxs{fill:var(--loader-color)}div.svelte-43sxxs.svelte-43sxxs{z-index:var(--layer-2)}.margin.svelte-43sxxs.svelte-43sxxs{margin:var(--size-4)}.wrap.svelte-14miwb5.svelte-14miwb5{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:var(--layer-5);transition:opacity .1s ease-in-out;border-radius:var(--block-radius);background:var(--block-background-fill);padding:0 var(--size-6);max-height:var(--size-screen-h);overflow:hidden;pointer-events:none}.wrap.center.svelte-14miwb5.svelte-14miwb5{top:0;right:0;left:0}.wrap.default.svelte-14miwb5.svelte-14miwb5{top:0;right:0;bottom:0;left:0}.hide.svelte-14miwb5.svelte-14miwb5{opacity:0;pointer-events:none}.generating.svelte-14miwb5.svelte-14miwb5{animation:svelte-14miwb5-pulse 2s cubic-bezier(.4,0,.6,1) infinite;border:2px solid var(--color-accent);background:transparent}.translucent.svelte-14miwb5.svelte-14miwb5{background:none}@keyframes svelte-14miwb5-pulse{0%,to{opacity:1}50%{opacity:.5}}.loading.svelte-14miwb5.svelte-14miwb5{z-index:var(--layer-2);color:var(--body-text-color)}.eta-bar.svelte-14miwb5.svelte-14miwb5{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;opacity:.8;z-index:var(--layer-1);transition:10ms;background:var(--background-fill-secondary)}.progress-bar-wrap.svelte-14miwb5.svelte-14miwb5{border:1px solid var(--border-color-primary);background:var(--background-fill-primary);width:55.5%;height:var(--size-4)}.progress-bar.svelte-14miwb5.svelte-14miwb5{transform-origin:left;background-color:var(--loader-color);width:var(--size-full);height:var(--size-full)}.progress-level.svelte-14miwb5.svelte-14miwb5{display:flex;flex-direction:column;align-items:center;gap:1;z-index:var(--layer-2);width:var(--size-full)}.progress-level-inner.svelte-14miwb5.svelte-14miwb5{margin:var(--size-2) auto;color:var(--body-text-color);font-size:var(--text-sm);font-family:var(--font-mono)}.meta-text.svelte-14miwb5.svelte-14miwb5{position:absolute;top:0;right:0;z-index:var(--layer-2);padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-family:var(--font-mono)}.meta-text-center.svelte-14miwb5.svelte-14miwb5{display:flex;position:absolute;top:0;right:0;justify-content:center;align-items:center;transform:translateY(var(--size-6));z-index:var(--layer-2);padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-family:var(--font-mono);text-align:center}.error.svelte-14miwb5.svelte-14miwb5{box-shadow:var(--shadow-drop);border:solid 1px var(--error-border-color);border-radius:var(--radius-full);background:var(--error-background-fill);padding-right:var(--size-4);padding-left:var(--size-4);color:var(--error-text-color);font-weight:var(--weight-semibold);font-size:var(--text-lg);line-height:var(--line-lg);font-family:var(--font)}.minimal.svelte-14miwb5 .progress-text.svelte-14miwb5{background:var(--block-background-fill)}.border.svelte-14miwb5.svelte-14miwb5{border:1px solid var(--border-color-primary)}.toast-body.svelte-solcu7{display:flex;position:relative;right:0;left:0;align-items:center;margin:var(--size-6) var(--size-4);margin:auto;border-radius:var(--container-radius);overflow:hidden;pointer-events:auto}.toast-body.error.svelte-solcu7{border:1px solid var(--color-red-700);background:var(--color-red-50)}.dark .toast-body.error.svelte-solcu7{border:1px solid var(--color-red-500);background-color:var(--color-grey-950)}.toast-body.warning.svelte-solcu7{border:1px solid var(--color-yellow-700);background:var(--color-yellow-50)}.dark .toast-body.warning.svelte-solcu7{border:1px solid var(--color-yellow-500);background-color:var(--color-grey-950)}.toast-body.info.svelte-solcu7{border:1px solid var(--color-grey-700);background:var(--color-grey-50)}.dark .toast-body.info.svelte-solcu7{border:1px solid var(--color-grey-500);background-color:var(--color-grey-950)}.toast-title.svelte-solcu7{display:flex;align-items:center;font-weight:var(--weight-bold);font-size:var(--text-lg);line-height:var(--line-sm);text-transform:capitalize}.toast-title.error.svelte-solcu7{color:var(--color-red-700)}.dark .toast-title.error.svelte-solcu7{color:var(--color-red-50)}.toast-title.warning.svelte-solcu7{color:var(--color-yellow-700)}.dark .toast-title.warning.svelte-solcu7{color:var(--color-yellow-50)}.toast-title.info.svelte-solcu7{color:var(--color-grey-700)}.dark .toast-title.info.svelte-solcu7{color:var(--color-grey-50)}.toast-close.svelte-solcu7{margin:0 var(--size-3);border-radius:var(--size-3);padding:0px var(--size-1-5);font-size:var(--size-5);line-height:var(--size-5)}.toast-close.error.svelte-solcu7{color:var(--color-red-700)}.dark .toast-close.error.svelte-solcu7{color:var(--color-red-500)}.toast-close.warning.svelte-solcu7{color:var(--color-yellow-700)}.dark .toast-close.warning.svelte-solcu7{color:var(--color-yellow-500)}.toast-close.info.svelte-solcu7{color:var(--color-grey-700)}.dark .toast-close.info.svelte-solcu7{color:var(--color-grey-500)}.toast-text.svelte-solcu7{font-size:var(--text-lg)}.toast-text.error.svelte-solcu7{color:var(--color-red-700)}.dark .toast-text.error.svelte-solcu7{color:var(--color-red-50)}.toast-text.warning.svelte-solcu7{color:var(--color-yellow-700)}.dark .toast-text.warning.svelte-solcu7{color:var(--color-yellow-50)}.toast-text.info.svelte-solcu7{color:var(--color-grey-700)}.dark .toast-text.info.svelte-solcu7{color:var(--color-grey-50)}.toast-details.svelte-solcu7{margin:var(--size-3) var(--size-3) var(--size-3) 0;width:100%}.toast-icon.svelte-solcu7{display:flex;position:absolute;position:relative;flex-shrink:0;justify-content:center;align-items:center;margin:var(--size-2);border-radius:var(--radius-full);padding:var(--size-1);padding-left:calc(var(--size-1) - 1px);width:35px;height:35px}.toast-icon.error.svelte-solcu7{color:var(--color-red-700)}.dark .toast-icon.error.svelte-solcu7{color:var(--color-red-500)}.toast-icon.warning.svelte-solcu7{color:var(--color-yellow-700)}.dark .toast-icon.warning.svelte-solcu7{color:var(--color-yellow-500)}.toast-icon.info.svelte-solcu7{color:var(--color-grey-700)}.dark .toast-icon.info.svelte-solcu7{color:var(--color-grey-500)}@keyframes svelte-solcu7-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.timer.svelte-solcu7{position:absolute;bottom:0;left:0;transform-origin:0 0;animation:svelte-solcu7-countdown 10s linear forwards;width:100%;height:var(--size-1)}.timer.error.svelte-solcu7{background:var(--color-red-700)}.dark .timer.error.svelte-solcu7{background:var(--color-red-500)}.timer.warning.svelte-solcu7{background:var(--color-yellow-700)}.dark .timer.warning.svelte-solcu7{background:var(--color-yellow-500)}.timer.info.svelte-solcu7{background:var(--color-grey-700)}.dark .timer.info.svelte-solcu7{background:var(--color-grey-500)}.toast-wrap.svelte-gatr8h{display:flex;position:fixed;top:var(--size-4);right:var(--size-4);flex-direction:column;align-items:end;gap:var(--size-2);z-index:var(--layer-top);width:calc(100% - var(--size-8))}@media (--screen-sm){.toast-wrap.svelte-gatr8h{width:calc(var(--size-96) + var(--size-10))}}div.svelte-1hgn91n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery.svelte-1hgn91n{display:flex;align-items:center;cursor:pointer;padding:var(--size-1) var(--size-2);text-align:left}.sr-only.svelte-1j3z0by{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.mb-4.svelte-1j3z0by{margin-bottom:1rem}.ml-4.svelte-1j3z0by{margin-left:1rem}.mr-3.svelte-1j3z0by{margin-right:.75rem}.mt-1\.5.svelte-1j3z0by{margin-top:.375rem}.mt-\[2px\].svelte-1j3z0by{margin-top:2px}.inline.svelte-1j3z0by{display:inline}.flex.svelte-1j3z0by{display:flex}.h-4.svelte-1j3z0by{height:1rem}.w-4.svelte-1j3z0by{width:1rem}.flex-shrink-0.svelte-1j3z0by{flex-shrink:0}.list-inside.svelte-1j3z0by{list-style-position:inside}.list-disc.svelte-1j3z0by{list-style-type:disc}.rounded-lg.svelte-1j3z0by{border-radius:.5rem}.bg-red-50.svelte-1j3z0by{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.m-2.svelte-1j3z0by{margin:.5rem}.p-4.svelte-1j3z0by{padding:1rem}.text-sm.svelte-1j3z0by{font-size:.875rem;line-height:1.25rem}.font-medium.svelte-1j3z0by{font-weight:500}.text-red-800.svelte-1j3z0by{--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity))}@media (prefers-color-scheme: dark){.dark\:bg-gray-800.svelte-1j3z0by{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:text-red-400.svelte-1j3z0by{--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity))}}

src/backend/gradio_molecule3d/templates/component/wrapper-98f94c21-f7f71f53.js

@@ -0,0 +1,2449 @@
+import S from "./__vite-browser-external-2447137e.js";
+function z(s) {
+  return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
+}
+function gt(s) {
+  if (s.__esModule)
+    return s;
+  var e = s.default;
+  if (typeof e == "function") {
+    var t = function r() {
+      return this instanceof r ? Reflect.construct(e, arguments, this.constructor) : e.apply(this, arguments);
+    };
+    t.prototype = e.prototype;
+  } else
+    t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(s).forEach(function(r) {
+    var i = Object.getOwnPropertyDescriptor(s, r);
+    Object.defineProperty(t, r, i.get ? i : {
+      enumerable: !0,
+      get: function() {
+        return s[r];
+      }
+    });
+  }), t;
+}
+const { Duplex: yt } = S;
+function Oe(s) {
+  s.emit("close");
+}
+function vt() {
+  !this.destroyed && this._writableState.finished && this.destroy();
+}
+function Qe(s) {
+  this.removeListener("error", Qe), this.destroy(), this.listenerCount("error") === 0 && this.emit("error", s);
+}
+function St(s, e) {
+  let t = !0;
+  const r = new yt({
+    ...e,
+    autoDestroy: !1,
+    emitClose: !1,
+    objectMode: !1,
+    writableObjectMode: !1
+  });
+  return s.on("message", function(n, o) {
+    const l = !o && r._readableState.objectMode ? n.toString() : n;
+    r.push(l) || s.pause();
+  }), s.once("error", function(n) {
+    r.destroyed || (t = !1, r.destroy(n));
+  }), s.once("close", function() {
+    r.destroyed || r.push(null);
+  }), r._destroy = function(i, n) {
+    if (s.readyState === s.CLOSED) {
+      n(i), process.nextTick(Oe, r);
+      return;
+    }
+    let o = !1;
+    s.once("error", function(f) {
+      o = !0, n(f);
+    }), s.once("close", function() {
+      o || n(i), process.nextTick(Oe, r);
+    }), t && s.terminate();
+  }, r._final = function(i) {
+    if (s.readyState === s.CONNECTING) {
+      s.once("open", function() {
+        r._final(i);
+      });
+      return;
+    }
+    s._socket !== null && (s._socket._writableState.finished ? (i(), r._readableState.endEmitted && r.destroy()) : (s._socket.once("finish", function() {
+      i();
+    }), s.close()));
+  }, r._read = function() {
+    s.isPaused && s.resume();
+  }, r._write = function(i, n, o) {
+    if (s.readyState === s.CONNECTING) {
+      s.once("open", function() {
+        r._write(i, n, o);
+      });
+      return;
+    }
+    s.send(i, o);
+  }, r.on("end", vt), r.on("error", Qe), r;
+}
+var Et = St;
+const Vs = /* @__PURE__ */ z(Et);
+var te = { exports: {} }, U = {
+  BINARY_TYPES: ["nodebuffer", "arraybuffer", "fragments"],
+  EMPTY_BUFFER: Buffer.alloc(0),
+  GUID: "258EAFA5-E914-47DA-95CA-C5AB0DC85B11",
+  kForOnEventAttribute: Symbol("kIsForOnEventAttribute"),
+  kListener: Symbol("kListener"),
+  kStatusCode: Symbol("status-code"),
+  kWebSocket: Symbol("websocket"),
+  NOOP: () => {
+  }
+}, bt, xt;
+const { EMPTY_BUFFER: kt } = U, Se = Buffer[Symbol.species];
+function wt(s, e) {
+  if (s.length === 0)
+    return kt;
+  if (s.length === 1)
+    return s[0];
+  const t = Buffer.allocUnsafe(e);
+  let r = 0;
+  for (let i = 0; i < s.length; i++) {
+    const n = s[i];
+    t.set(n, r), r += n.length;
+  }
+  return r < e ? new Se(t.buffer, t.byteOffset, r) : t;
+}
+function Je(s, e, t, r, i) {
+  for (let n = 0; n < i; n++)
+    t[r + n] = s[n] ^ e[n & 3];
+}
+function et(s, e) {
+  for (let t = 0; t < s.length; t++)
+    s[t] ^= e[t & 3];
+}
+function Ot(s) {
+  return s.length === s.buffer.byteLength ? s.buffer : s.buffer.slice(s.byteOffset, s.byteOffset + s.length);
+}
+function Ee(s) {
+  if (Ee.readOnly = !0, Buffer.isBuffer(s))
+    return s;
+  let e;
+  return s instanceof ArrayBuffer ? e = new Se(s) : ArrayBuffer.isView(s) ? e = new Se(s.buffer, s.byteOffset, s.byteLength) : (e = Buffer.from(s), Ee.readOnly = !1), e;
+}
+te.exports = {
+  concat: wt,
+  mask: Je,
+  toArrayBuffer: Ot,
+  toBuffer: Ee,
+  unmask: et
+};
+if (!process.env.WS_NO_BUFFER_UTIL)
+  try {
+    const s = require("bufferutil");
+    xt = te.exports.mask = function(e, t, r, i, n) {
+      n < 48 ? Je(e, t, r, i, n) : s.mask(e, t, r, i, n);
+    }, bt = te.exports.unmask = function(e, t) {
+      e.length < 32 ? et(e, t) : s.unmask(e, t);
+    };
+  } catch {
+  }
+var ne = te.exports;
+const Ce = Symbol("kDone"), ue = Symbol("kRun");
+let Ct = class {
+  /**
+   * Creates a new `Limiter`.
+   *
+   * @param {Number} [concurrency=Infinity] The maximum number of jobs allowed
+   *     to run concurrently
+   */
+  constructor(e) {
+    this[Ce] = () => {
+      this.pending--, this[ue]();
+    }, this.concurrency = e || 1 / 0, this.jobs = [], this.pending = 0;
+  }
+  /**
+   * Adds a job to the queue.
+   *
+   * @param {Function} job The job to run
+   * @public
+   */
+  add(e) {
+    this.jobs.push(e), this[ue]();
+  }
+  /**
+   * Removes a job from the queue and runs it if possible.
+   *
+   * @private
+   */
+  [ue]() {
+    if (this.pending !== this.concurrency && this.jobs.length) {
+      const e = this.jobs.shift();
+      this.pending++, e(this[Ce]);
+    }
+  }
+};
+var Tt = Ct;
+const W = S, Te = ne, Lt = Tt, { kStatusCode: tt } = U, Nt = Buffer[Symbol.species], Pt = Buffer.from([0, 0, 255, 255]), se = Symbol("permessage-deflate"), w = Symbol("total-length"), V = Symbol("callback"), C = Symbol("buffers"), J = Symbol("error");
+let K, Rt = class {
+  /**
+   * Creates a PerMessageDeflate instance.
+   *
+   * @param {Object} [options] Configuration options
+   * @param {(Boolean|Number)} [options.clientMaxWindowBits] Advertise support
+   *     for, or request, a custom client window size
+   * @param {Boolean} [options.clientNoContextTakeover=false] Advertise/
+   *     acknowledge disabling of client context takeover
+   * @param {Number} [options.concurrencyLimit=10] The number of concurrent
+   *     calls to zlib
+   * @param {(Boolean|Number)} [options.serverMaxWindowBits] Request/confirm the
+   *     use of a custom server window size
+   * @param {Boolean} [options.serverNoContextTakeover=false] Request/accept
+   *     disabling of server context takeover
+   * @param {Number} [options.threshold=1024] Size (in bytes) below which
+   *     messages should not be compressed if context takeover is disabled
+   * @param {Object} [options.zlibDeflateOptions] Options to pass to zlib on
+   *     deflate
+   * @param {Object} [options.zlibInflateOptions] Options to pass to zlib on
+   *     inflate
+   * @param {Boolean} [isServer=false] Create the instance in either server or
+   *     client mode
+   * @param {Number} [maxPayload=0] The maximum allowed message length
+   */
+  constructor(e, t, r) {
+    if (this._maxPayload = r | 0, this._options = e || {}, this._threshold = this._options.threshold !== void 0 ? this._options.threshold : 1024, this._isServer = !!t, this._deflate = null, this._inflate = null, this.params = null, !K) {
+      const i = this._options.concurrencyLimit !== void 0 ? this._options.concurrencyLimit : 10;
+      K = new Lt(i);
+    }
+  }
+  /**
+   * @type {String}
+   */
+  static get extensionName() {
+    return "permessage-deflate";
+  }
+  /**
+   * Create an extension negotiation offer.
+   *
+   * @return {Object} Extension parameters
+   * @public
+   */
+  offer() {
+    const e = {};
+    return this._options.serverNoContextTakeover && (e.server_no_context_takeover = !0), this._options.clientNoContextTakeover && (e.client_no_context_takeover = !0), this._options.serverMaxWindowBits && (e.server_max_window_bits = this._options.serverMaxWindowBits), this._options.clientMaxWindowBits ? e.client_max_window_bits = this._options.clientMaxWindowBits : this._options.clientMaxWindowBits == null && (e.client_max_window_bits = !0), e;
+  }
+  /**
+   * Accept an extension negotiation offer/response.
+   *
+   * @param {Array} configurations The extension negotiation offers/reponse
+   * @return {Object} Accepted configuration
+   * @public
+   */
+  accept(e) {
+    return e = this.normalizeParams(e), this.params = this._isServer ? this.acceptAsServer(e) : this.acceptAsClient(e), this.params;
+  }
+  /**
+   * Releases all resources used by the extension.
+   *
+   * @public
+   */
+  cleanup() {
+    if (this._inflate && (this._inflate.close(), this._inflate = null), this._deflate) {
+      const e = this._deflate[V];
+      this._deflate.close(), this._deflate = null, e && e(
+        new Error(
+          "The deflate stream was closed while data was being processed"
+        )
+      );
+    }
+  }
+  /**
+   *  Accept an extension negotiation offer.
+   *
+   * @param {Array} offers The extension negotiation offers
+   * @return {Object} Accepted configuration
+   * @private
+   */
+  acceptAsServer(e) {
+    const t = this._options, r = e.find((i) => !(t.serverNoContextTakeover === !1 && i.server_no_context_takeover || i.server_max_window_bits && (t.serverMaxWindowBits === !1 || typeof t.serverMaxWindowBits == "number" && t.serverMaxWindowBits > i.server_max_window_bits) || typeof t.clientMaxWindowBits == "number" && !i.client_max_window_bits));
+    if (!r)
+      throw new Error("None of the extension offers can be accepted");
+    return t.serverNoContextTakeover && (r.server_no_context_takeover = !0), t.clientNoContextTakeover && (r.client_no_context_takeover = !0), typeof t.serverMaxWindowBits == "number" && (r.server_max_window_bits = t.serverMaxWindowBits), typeof t.clientMaxWindowBits == "number" ? r.client_max_window_bits = t.clientMaxWindowBits : (r.client_max_window_bits === !0 || t.clientMaxWindowBits === !1) && delete r.client_max_window_bits, r;
+  }
+  /**
+   * Accept the extension negotiation response.
+   *
+   * @param {Array} response The extension negotiation response
+   * @return {Object} Accepted configuration
+   * @private
+   */
+  acceptAsClient(e) {
+    const t = e[0];
+    if (this._options.clientNoContextTakeover === !1 && t.client_no_context_takeover)
+      throw new Error('Unexpected parameter "client_no_context_takeover"');
+    if (!t.client_max_window_bits)
+      typeof this._options.clientMaxWindowBits == "number" && (t.client_max_window_bits = this._options.clientMaxWindowBits);
+    else if (this._options.clientMaxWindowBits === !1 || typeof this._options.clientMaxWindowBits == "number" && t.client_max_window_bits > this._options.clientMaxWindowBits)
+      throw new Error(
+        'Unexpected or invalid parameter "client_max_window_bits"'
+      );
+    return t;
+  }
+  /**
+   * Normalize parameters.
+   *
+   * @param {Array} configurations The extension negotiation offers/reponse
+   * @return {Array} The offers/response with normalized parameters
+   * @private
+   */
+  normalizeParams(e) {
+    return e.forEach((t) => {
+      Object.keys(t).forEach((r) => {
+        let i = t[r];
+        if (i.length > 1)
+          throw new Error(`Parameter "${r}" must have only a single value`);
+        if (i = i[0], r === "client_max_window_bits") {
+          if (i !== !0) {
+            const n = +i;
+            if (!Number.isInteger(n) || n < 8 || n > 15)
+              throw new TypeError(
+                `Invalid value for parameter "${r}": ${i}`
+              );
+            i = n;
+          } else if (!this._isServer)
+            throw new TypeError(
+              `Invalid value for parameter "${r}": ${i}`
+            );
+        } else if (r === "server_max_window_bits") {
+          const n = +i;
+          if (!Number.isInteger(n) || n < 8 || n > 15)
+            throw new TypeError(
+              `Invalid value for parameter "${r}": ${i}`
+            );
+          i = n;
+        } else if (r === "client_no_context_takeover" || r === "server_no_context_takeover") {
+          if (i !== !0)
+            throw new TypeError(
+              `Invalid value for parameter "${r}": ${i}`
+            );
+        } else
+          throw new Error(`Unknown parameter "${r}"`);
+        t[r] = i;
+      });
+    }), e;
+  }
+  /**
+   * Decompress data. Concurrency limited.
+   *
+   * @param {Buffer} data Compressed data
+   * @param {Boolean} fin Specifies whether or not this is the last fragment
+   * @param {Function} callback Callback
+   * @public
+   */
+  decompress(e, t, r) {
+    K.add((i) => {
+      this._decompress(e, t, (n, o) => {
+        i(), r(n, o);
+      });
+    });
+  }
+  /**
+   * Compress data. Concurrency limited.
+   *
+   * @param {(Buffer|String)} data Data to compress
+   * @param {Boolean} fin Specifies whether or not this is the last fragment
+   * @param {Function} callback Callback
+   * @public
+   */
+  compress(e, t, r) {
+    K.add((i) => {
+      this._compress(e, t, (n, o) => {
+        i(), r(n, o);
+      });
+    });
+  }
+  /**
+   * Decompress data.
+   *
+   * @param {Buffer} data Compressed data
+   * @param {Boolean} fin Specifies whether or not this is the last fragment
+   * @param {Function} callback Callback
+   * @private
+   */
+  _decompress(e, t, r) {
+    const i = this._isServer ? "client" : "server";
+    if (!this._inflate) {
+      const n = `${i}_max_window_bits`, o = typeof this.params[n] != "number" ? W.Z_DEFAULT_WINDOWBITS : this.params[n];
+      this._inflate = W.createInflateRaw({
+        ...this._options.zlibInflateOptions,
+        windowBits: o
+      }), this._inflate[se] = this, this._inflate[w] = 0, this._inflate[C] = [], this._inflate.on("error", Bt), this._inflate.on("data", st);
+    }
+    this._inflate[V] = r, this._inflate.write(e), t && this._inflate.write(Pt), this._inflate.flush(() => {
+      const n = this._inflate[J];
+      if (n) {
+        this._inflate.close(), this._inflate = null, r(n);
+        return;
+      }
+      const o = Te.concat(
+        this._inflate[C],
+        this._inflate[w]
+      );
+      this._inflate._readableState.endEmitted ? (this._inflate.close(), this._inflate = null) : (this._inflate[w] = 0, this._inflate[C] = [], t && this.params[`${i}_no_context_takeover`] && this._inflate.reset()), r(null, o);
+    });
+  }
+  /**
+   * Compress data.
+   *
+   * @param {(Buffer|String)} data Data to compress
+   * @param {Boolean} fin Specifies whether or not this is the last fragment
+   * @param {Function} callback Callback
+   * @private
+   */
+  _compress(e, t, r) {
+    const i = this._isServer ? "server" : "client";
+    if (!this._deflate) {
+      const n = `${i}_max_window_bits`, o = typeof this.params[n] != "number" ? W.Z_DEFAULT_WINDOWBITS : this.params[n];
+      this._deflate = W.createDeflateRaw({
+        ...this._options.zlibDeflateOptions,
+        windowBits: o
+      }), this._deflate[w] = 0, this._deflate[C] = [], this._deflate.on("data", Ut);
+    }
+    this._deflate[V] = r, this._deflate.write(e), this._deflate.flush(W.Z_SYNC_FLUSH, () => {
+      if (!this._deflate)
+        return;
+      let n = Te.concat(
+        this._deflate[C],
+        this._deflate[w]
+      );
+      t && (n = new Nt(n.buffer, n.byteOffset, n.length - 4)), this._deflate[V] = null, this._deflate[w] = 0, this._deflate[C] = [], t && this.params[`${i}_no_context_takeover`] && this._deflate.reset(), r(null, n);
+    });
+  }
+};
+var oe = Rt;
+function Ut(s) {
+  this[C].push(s), this[w] += s.length;
+}
+function st(s) {
+  if (this[w] += s.length, this[se]._maxPayload < 1 || this[w] <= this[se]._maxPayload) {
+    this[C].push(s);
+    return;
+  }
+  this[J] = new RangeError("Max payload size exceeded"), this[J].code = "WS_ERR_UNSUPPORTED_MESSAGE_LENGTH", this[J][tt] = 1009, this.removeListener("data", st), this.reset();
+}
+function Bt(s) {
+  this[se]._inflate = null, s[tt] = 1007, this[V](s);
+}
+var re = { exports: {} };
+const $t = {}, Mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: $t
+}, Symbol.toStringTag, { value: "Module" })), It = /* @__PURE__ */ gt(Mt);
+var Le;
+const { isUtf8: Ne } = S, Dt = [
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  // 0 - 15
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  // 16 - 31
+  0,
+  1,
+  0,
+  1,
+  1,
+  1,
+  1,
+  1,
+  0,
+  0,
+  1,
+  1,
+  0,
+  1,
+  1,
+  0,
+  // 32 - 47
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  // 48 - 63
+  0,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  // 64 - 79
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  0,
+  0,
+  0,
+  1,
+  1,
+  // 80 - 95
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  // 96 - 111
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  0,
+  1,
+  0,
+  1,
+  0
+  // 112 - 127
+];
+function Wt(s) {
+  return s >= 1e3 && s <= 1014 && s !== 1004 && s !== 1005 && s !== 1006 || s >= 3e3 && s <= 4999;
+}
+function be(s) {
+  const e = s.length;
+  let t = 0;
+  for (; t < e; )
+    if (!(s[t] & 128))
+      t++;
+    else if ((s[t] & 224) === 192) {
+      if (t + 1 === e || (s[t + 1] & 192) !== 128 || (s[t] & 254) === 192)
+        return !1;
+      t += 2;
+    } else if ((s[t] & 240) === 224) {
+      if (t + 2 >= e || (s[t + 1] & 192) !== 128 || (s[t + 2] & 192) !== 128 || s[t] === 224 && (s[t + 1] & 224) === 128 || // Overlong
+      s[t] === 237 && (s[t + 1] & 224) === 160)
+        return !1;
+      t += 3;
+    } else if ((s[t] & 248) === 240) {
+      if (t + 3 >= e || (s[t + 1] & 192) !== 128 || (s[t + 2] & 192) !== 128 || (s[t + 3] & 192) !== 128 || s[t] === 240 && (s[t + 1] & 240) === 128 || // Overlong
+      s[t] === 244 && s[t + 1] > 143 || s[t] > 244)
+        return !1;
+      t += 4;
+    } else
+      return !1;
+  return !0;
+}
+re.exports = {
+  isValidStatusCode: Wt,
+  isValidUTF8: be,
+  tokenChars: Dt
+};
+if (Ne)
+  Le = re.exports.isValidUTF8 = function(s) {
+    return s.length < 24 ? be(s) : Ne(s);
+  };
+else if (!process.env.WS_NO_UTF_8_VALIDATE)
+  try {
+    const s = It;
+    Le = re.exports.isValidUTF8 = function(e) {
+      return e.length < 32 ? be(e) : s(e);
+    };
+  } catch {
+  }
+var ae = re.exports;
+const { Writable: At } = S, Pe = oe, {
+  BINARY_TYPES: Ft,
+  EMPTY_BUFFER: Re,
+  kStatusCode: jt,
+  kWebSocket: Gt
+} = U, { concat: de, toArrayBuffer: Vt, unmask: Ht } = ne, { isValidStatusCode: zt, isValidUTF8: Ue } = ae, X = Buffer[Symbol.species], A = 0, Be = 1, $e = 2, Me = 3, _e = 4, Yt = 5;
+let qt = class extends At {
+  /**
+   * Creates a Receiver instance.
+   *
+   * @param {Object} [options] Options object
+   * @param {String} [options.binaryType=nodebuffer] The type for binary data
+   * @param {Object} [options.extensions] An object containing the negotiated
+   *     extensions
+   * @param {Boolean} [options.isServer=false] Specifies whether to operate in
+   *     client or server mode
+   * @param {Number} [options.maxPayload=0] The maximum allowed message length
+   * @param {Boolean} [options.skipUTF8Validation=false] Specifies whether or
+   *     not to skip UTF-8 validation for text and close messages
+   */
+  constructor(e = {}) {
+    super(), this._binaryType = e.binaryType || Ft[0], this._extensions = e.extensions || {}, this._isServer = !!e.isServer, this._maxPayload = e.maxPayload | 0, this._skipUTF8Validation = !!e.skipUTF8Validation, this[Gt] = void 0, this._bufferedBytes = 0, this._buffers = [], this._compressed = !1, this._payloadLength = 0, this._mask = void 0, this._fragmented = 0, this._masked = !1, this._fin = !1, this._opcode = 0, this._totalPayloadLength = 0, this._messageLength = 0, this._fragments = [], this._state = A, this._loop = !1;
+  }
+  /**
+   * Implements `Writable.prototype._write()`.
+   *
+   * @param {Buffer} chunk The chunk of data to write
+   * @param {String} encoding The character encoding of `chunk`
+   * @param {Function} cb Callback
+   * @private
+   */
+  _write(e, t, r) {
+    if (this._opcode === 8 && this._state == A)
+      return r();
+    this._bufferedBytes += e.length, this._buffers.push(e), this.startLoop(r);
+  }
+  /**
+   * Consumes `n` bytes from the buffered data.
+   *
+   * @param {Number} n The number of bytes to consume
+   * @return {Buffer} The consumed bytes
+   * @private
+   */
+  consume(e) {
+    if (this._bufferedBytes -= e, e === this._buffers[0].length)
+      return this._buffers.shift();
+    if (e < this._buffers[0].length) {
+      const r = this._buffers[0];
+      return this._buffers[0] = new X(
+        r.buffer,
+        r.byteOffset + e,
+        r.length - e
+      ), new X(r.buffer, r.byteOffset, e);
+    }
+    const t = Buffer.allocUnsafe(e);
+    do {
+      const r = this._buffers[0], i = t.length - e;
+      e >= r.length ? t.set(this._buffers.shift(), i) : (t.set(new Uint8Array(r.buffer, r.byteOffset, e), i), this._buffers[0] = new X(
+        r.buffer,
+        r.byteOffset + e,
+        r.length - e
+      )), e -= r.length;
+    } while (e > 0);
+    return t;
+  }
+  /**
+   * Starts the parsing loop.
+   *
+   * @param {Function} cb Callback
+   * @private
+   */
+  startLoop(e) {
+    let t;
+    this._loop = !0;
+    do
+      switch (this._state) {
+        case A:
+          t = this.getInfo();
+          break;
+        case Be:
+          t = this.getPayloadLength16();
+          break;
+        case $e:
+          t = this.getPayloadLength64();
+          break;
+        case Me:
+          this.getMask();
+          break;
+        case _e:
+          t = this.getData(e);
+          break;
+        default:
+          this._loop = !1;
+          return;
+      }
+    while (this._loop);
+    e(t);
+  }
+  /**
+   * Reads the first two bytes of a frame.
+   *
+   * @return {(RangeError|undefined)} A possible error
+   * @private
+   */
+  getInfo() {
+    if (this._bufferedBytes < 2) {
+      this._loop = !1;
+      return;
+    }
+    const e = this.consume(2);
+    if (e[0] & 48)
+      return this._loop = !1, g(
+        RangeError,
+        "RSV2 and RSV3 must be clear",
+        !0,
+        1002,
+        "WS_ERR_UNEXPECTED_RSV_2_3"
+      );
+    const t = (e[0] & 64) === 64;
+    if (t && !this._extensions[Pe.extensionName])
+      return this._loop = !1, g(
+        RangeError,
+        "RSV1 must be clear",
+        !0,
+        1002,
+        "WS_ERR_UNEXPECTED_RSV_1"
+      );
+    if (this._fin = (e[0] & 128) === 128, this._opcode = e[0] & 15, this._payloadLength = e[1] & 127, this._opcode === 0) {
+      if (t)
+        return this._loop = !1, g(
+          RangeError,
+          "RSV1 must be clear",
+          !0,
+          1002,
+          "WS_ERR_UNEXPECTED_RSV_1"
+        );
+      if (!this._fragmented)
+        return this._loop = !1, g(
+          RangeError,
+          "invalid opcode 0",
+          !0,
+          1002,
+          "WS_ERR_INVALID_OPCODE"
+        );
+      this._opcode = this._fragmented;
+    } else if (this._opcode === 1 || this._opcode === 2) {
+      if (this._fragmented)
+        return this._loop = !1, g(
+          RangeError,
+          `invalid opcode ${this._opcode}`,
+          !0,
+          1002,
+          "WS_ERR_INVALID_OPCODE"
+        );
+      this._compressed = t;
+    } else if (this._opcode > 7 && this._opcode < 11) {
+      if (!this._fin)
+        return this._loop = !1, g(
+          RangeError,
+          "FIN must be set",
+          !0,
+          1002,
+          "WS_ERR_EXPECTED_FIN"
+        );
+      if (t)
+        return this._loop = !1, g(
+          RangeError,
+          "RSV1 must be clear",
+          !0,
+          1002,
+          "WS_ERR_UNEXPECTED_RSV_1"
+        );
+      if (this._payloadLength > 125 || this._opcode === 8 && this._payloadLength === 1)
+        return this._loop = !1, g(
+          RangeError,
+          `invalid payload length ${this._payloadLength}`,
+          !0,
+          1002,
+          "WS_ERR_INVALID_CONTROL_PAYLOAD_LENGTH"
+        );
+    } else
+      return this._loop = !1, g(
+        RangeError,
+        `invalid opcode ${this._opcode}`,
+        !0,
+        1002,
+        "WS_ERR_INVALID_OPCODE"
+      );
+    if (!this._fin && !this._fragmented && (this._fragmented = this._opcode), this._masked = (e[1] & 128) === 128, this._isServer) {
+      if (!this._masked)
+        return this._loop = !1, g(
+          RangeError,
+          "MASK must be set",
+          !0,
+          1002,
+          "WS_ERR_EXPECTED_MASK"
+        );
+    } else if (this._masked)
+      return this._loop = !1, g(
+        RangeError,
+        "MASK must be clear",
+        !0,
+        1002,
+        "WS_ERR_UNEXPECTED_MASK"
+      );
+    if (this._payloadLength === 126)
+      this._state = Be;
+    else if (this._payloadLength === 127)
+      this._state = $e;
+    else
+      return this.haveLength();
+  }
+  /**
+   * Gets extended payload length (7+16).
+   *
+   * @return {(RangeError|undefined)} A possible error
+   * @private
+   */
+  getPayloadLength16() {
+    if (this._bufferedBytes < 2) {
+      this._loop = !1;
+      return;
+    }
+    return this._payloadLength = this.consume(2).readUInt16BE(0), this.haveLength();
+  }
+  /**
+   * Gets extended payload length (7+64).
+   *
+   * @return {(RangeError|undefined)} A possible error
+   * @private
+   */
+  getPayloadLength64() {
+    if (this._bufferedBytes < 8) {
+      this._loop = !1;
+      return;
+    }
+    const e = this.consume(8), t = e.readUInt32BE(0);
+    return t > Math.pow(2, 53 - 32) - 1 ? (this._loop = !1, g(
+      RangeError,
+      "Unsupported WebSocket frame: payload length > 2^53 - 1",
+      !1,
+      1009,
+      "WS_ERR_UNSUPPORTED_DATA_PAYLOAD_LENGTH"
+    )) : (this._payloadLength = t * Math.pow(2, 32) + e.readUInt32BE(4), this.haveLength());
+  }
+  /**
+   * Payload length has been read.
+   *
+   * @return {(RangeError|undefined)} A possible error
+   * @private
+   */
+  haveLength() {
+    if (this._payloadLength && this._opcode < 8 && (this._totalPayloadLength += this._payloadLength, this._totalPayloadLength > this._maxPayload && this._maxPayload > 0))
+      return this._loop = !1, g(
+        RangeError,
+        "Max payload size exceeded",
+        !1,
+        1009,
+        "WS_ERR_UNSUPPORTED_MESSAGE_LENGTH"
+      );
+    this._masked ? this._state = Me : this._state = _e;
+  }
+  /**
+   * Reads mask bytes.
+   *
+   * @private
+   */
+  getMask() {
+    if (this._bufferedBytes < 4) {
+      this._loop = !1;
+      return;
+    }
+    this._mask = this.consume(4), this._state = _e;
+  }
+  /**
+   * Reads data bytes.
+   *
+   * @param {Function} cb Callback
+   * @return {(Error|RangeError|undefined)} A possible error
+   * @private
+   */
+  getData(e) {
+    let t = Re;
+    if (this._payloadLength) {
+      if (this._bufferedBytes < this._payloadLength) {
+        this._loop = !1;
+        return;
+      }
+      t = this.consume(this._payloadLength), this._masked && this._mask[0] | this._mask[1] | this._mask[2] | this._mask[3] && Ht(t, this._mask);
+    }
+    if (this._opcode > 7)
+      return this.controlMessage(t);
+    if (this._compressed) {
+      this._state = Yt, this.decompress(t, e);
+      return;
+    }
+    return t.length && (this._messageLength = this._totalPayloadLength, this._fragments.push(t)), this.dataMessage();
+  }
+  /**
+   * Decompresses data.
+   *
+   * @param {Buffer} data Compressed data
+   * @param {Function} cb Callback
+   * @private
+   */
+  decompress(e, t) {
+    this._extensions[Pe.extensionName].decompress(e, this._fin, (i, n) => {
+      if (i)
+        return t(i);
+      if (n.length) {
+        if (this._messageLength += n.length, this._messageLength > this._maxPayload && this._maxPayload > 0)
+          return t(
+            g(
+              RangeError,
+              "Max payload size exceeded",
+              !1,
+              1009,
+              "WS_ERR_UNSUPPORTED_MESSAGE_LENGTH"
+            )
+          );
+        this._fragments.push(n);
+      }
+      const o = this.dataMessage();
+      if (o)
+        return t(o);
+      this.startLoop(t);
+    });
+  }
+  /**
+   * Handles a data message.
+   *
+   * @return {(Error|undefined)} A possible error
+   * @private
+   */
+  dataMessage() {
+    if (this._fin) {
+      const e = this._messageLength, t = this._fragments;
+      if (this._totalPayloadLength = 0, this._messageLength = 0, this._fragmented = 0, this._fragments = [], this._opcode === 2) {
+        let r;
+        this._binaryType === "nodebuffer" ? r = de(t, e) : this._binaryType === "arraybuffer" ? r = Vt(de(t, e)) : r = t, this.emit("message", r, !0);
+      } else {
+        const r = de(t, e);
+        if (!this._skipUTF8Validation && !Ue(r))
+          return this._loop = !1, g(
+            Error,
+            "invalid UTF-8 sequence",
+            !0,
+            1007,
+            "WS_ERR_INVALID_UTF8"
+          );
+        this.emit("message", r, !1);
+      }
+    }
+    this._state = A;
+  }
+  /**
+   * Handles a control message.
+   *
+   * @param {Buffer} data Data to handle
+   * @return {(Error|RangeError|undefined)} A possible error
+   * @private
+   */
+  controlMessage(e) {
+    if (this._opcode === 8)
+      if (this._loop = !1, e.length === 0)
+        this.emit("conclude", 1005, Re), this.end();
+      else {
+        const t = e.readUInt16BE(0);
+        if (!zt(t))
+          return g(
+            RangeError,
+            `invalid status code ${t}`,
+            !0,
+            1002,
+            "WS_ERR_INVALID_CLOSE_CODE"
+          );
+        const r = new X(
+          e.buffer,
+          e.byteOffset + 2,
+          e.length - 2
+        );
+        if (!this._skipUTF8Validation && !Ue(r))
+          return g(
+            Error,
+            "invalid UTF-8 sequence",
+            !0,
+            1007,
+            "WS_ERR_INVALID_UTF8"
+          );
+        this.emit("conclude", t, r), this.end();
+      }
+    else
+      this._opcode === 9 ? this.emit("ping", e) : this.emit("pong", e);
+    this._state = A;
+  }
+};
+var rt = qt;
+function g(s, e, t, r, i) {
+  const n = new s(
+    t ? `Invalid WebSocket frame: ${e}` : e
+  );
+  return Error.captureStackTrace(n, g), n.code = i, n[jt] = r, n;
+}
+const qs = /* @__PURE__ */ z(rt), { randomFillSync: Kt } = S, Ie = oe, { EMPTY_BUFFER: Xt } = U, { isValidStatusCode: Zt } = ae, { mask: De, toBuffer: M } = ne, x = Symbol("kByteLength"), Qt = Buffer.alloc(4);
+let Jt = class P {
+  /**
+   * Creates a Sender instance.
+   *
+   * @param {(net.Socket|tls.Socket)} socket The connection socket
+   * @param {Object} [extensions] An object containing the negotiated extensions
+   * @param {Function} [generateMask] The function used to generate the masking
+   *     key
+   */
+  constructor(e, t, r) {
+    this._extensions = t || {}, r && (this._generateMask = r, this._maskBuffer = Buffer.alloc(4)), this._socket = e, this._firstFragment = !0, this._compress = !1, this._bufferedBytes = 0, this._deflating = !1, this._queue = [];
+  }
+  /**
+   * Frames a piece of data according to the HyBi WebSocket protocol.
+   *
+   * @param {(Buffer|String)} data The data to frame
+   * @param {Object} options Options object
+   * @param {Boolean} [options.fin=false] Specifies whether or not to set the
+   *     FIN bit
+   * @param {Function} [options.generateMask] The function used to generate the
+   *     masking key
+   * @param {Boolean} [options.mask=false] Specifies whether or not to mask
+   *     `data`
+   * @param {Buffer} [options.maskBuffer] The buffer used to store the masking
+   *     key
+   * @param {Number} options.opcode The opcode
+   * @param {Boolean} [options.readOnly=false] Specifies whether `data` can be
+   *     modified
+   * @param {Boolean} [options.rsv1=false] Specifies whether or not to set the
+   *     RSV1 bit
+   * @return {(Buffer|String)[]} The framed data
+   * @public
+   */
+  static frame(e, t) {
+    let r, i = !1, n = 2, o = !1;
+    t.mask && (r = t.maskBuffer || Qt, t.generateMask ? t.generateMask(r) : Kt(r, 0, 4), o = (r[0] | r[1] | r[2] | r[3]) === 0, n = 6);
+    let l;
+    typeof e == "string" ? (!t.mask || o) && t[x] !== void 0 ? l = t[x] : (e = Buffer.from(e), l = e.length) : (l = e.length, i = t.mask && t.readOnly && !o);
+    let f = l;
+    l >= 65536 ? (n += 8, f = 127) : l > 125 && (n += 2, f = 126);
+    const a = Buffer.allocUnsafe(i ? l + n : n);
+    return a[0] = t.fin ? t.opcode | 128 : t.opcode, t.rsv1 && (a[0] |= 64), a[1] = f, f === 126 ? a.writeUInt16BE(l, 2) : f === 127 && (a[2] = a[3] = 0, a.writeUIntBE(l, 4, 6)), t.mask ? (a[1] |= 128, a[n - 4] = r[0], a[n - 3] = r[1], a[n - 2] = r[2], a[n - 1] = r[3], o ? [a, e] : i ? (De(e, r, a, n, l), [a]) : (De(e, r, e, 0, l), [a, e])) : [a, e];
+  }
+  /**
+   * Sends a close message to the other peer.
+   *
+   * @param {Number} [code] The status code component of the body
+   * @param {(String|Buffer)} [data] The message component of the body
+   * @param {Boolean} [mask=false] Specifies whether or not to mask the message
+   * @param {Function} [cb] Callback
+   * @public
+   */
+  close(e, t, r, i) {
+    let n;
+    if (e === void 0)
+      n = Xt;
+    else {
+      if (typeof e != "number" || !Zt(e))
+        throw new TypeError("First argument must be a valid error code number");
+      if (t === void 0 || !t.length)
+        n = Buffer.allocUnsafe(2), n.writeUInt16BE(e, 0);
+      else {
+        const l = Buffer.byteLength(t);
+        if (l > 123)
+          throw new RangeError("The message must not be greater than 123 bytes");
+        n = Buffer.allocUnsafe(2 + l), n.writeUInt16BE(e, 0), typeof t == "string" ? n.write(t, 2) : n.set(t, 2);
+      }
+    }
+    const o = {
+      [x]: n.length,
+      fin: !0,
+      generateMask: this._generateMask,
+      mask: r,
+      maskBuffer: this._maskBuffer,
+      opcode: 8,
+      readOnly: !1,
+      rsv1: !1
+    };
+    this._deflating ? this.enqueue([this.dispatch, n, !1, o, i]) : this.sendFrame(P.frame(n, o), i);
+  }
+  /**
+   * Sends a ping message to the other peer.
+   *
+   * @param {*} data The message to send
+   * @param {Boolean} [mask=false] Specifies whether or not to mask `data`
+   * @param {Function} [cb] Callback
+   * @public
+   */
+  ping(e, t, r) {
+    let i, n;
+    if (typeof e == "string" ? (i = Buffer.byteLength(e), n = !1) : (e = M(e), i = e.length, n = M.readOnly), i > 125)
+      throw new RangeError("The data size must not be greater than 125 bytes");
+    const o = {
+      [x]: i,
+      fin: !0,
+      generateMask: this._generateMask,
+      mask: t,
+      maskBuffer: this._maskBuffer,
+      opcode: 9,
+      readOnly: n,
+      rsv1: !1
+    };
+    this._deflating ? this.enqueue([this.dispatch, e, !1, o, r]) : this.sendFrame(P.frame(e, o), r);
+  }
+  /**
+   * Sends a pong message to the other peer.
+   *
+   * @param {*} data The message to send
+   * @param {Boolean} [mask=false] Specifies whether or not to mask `data`
+   * @param {Function} [cb] Callback
+   * @public
+   */
+  pong(e, t, r) {
+    let i, n;
+    if (typeof e == "string" ? (i = Buffer.byteLength(e), n = !1) : (e = M(e), i = e.length, n = M.readOnly), i > 125)
+      throw new RangeError("The data size must not be greater than 125 bytes");
+    const o = {
+      [x]: i,
+      fin: !0,
+      generateMask: this._generateMask,
+      mask: t,
+      maskBuffer: this._maskBuffer,
+      opcode: 10,
+      readOnly: n,
+      rsv1: !1
+    };
+    this._deflating ? this.enqueue([this.dispatch, e, !1, o, r]) : this.sendFrame(P.frame(e, o), r);
+  }
+  /**
+   * Sends a data message to the other peer.
+   *
+   * @param {*} data The message to send
+   * @param {Object} options Options object
+   * @param {Boolean} [options.binary=false] Specifies whether `data` is binary
+   *     or text
+   * @param {Boolean} [options.compress=false] Specifies whether or not to
+   *     compress `data`
+   * @param {Boolean} [options.fin=false] Specifies whether the fragment is the
+   *     last one
+   * @param {Boolean} [options.mask=false] Specifies whether or not to mask
+   *     `data`
+   * @param {Function} [cb] Callback
+   * @public
+   */
+  send(e, t, r) {
+    const i = this._extensions[Ie.extensionName];
+    let n = t.binary ? 2 : 1, o = t.compress, l, f;
+    if (typeof e == "string" ? (l = Buffer.byteLength(e), f = !1) : (e = M(e), l = e.length, f = M.readOnly), this._firstFragment ? (this._firstFragment = !1, o && i && i.params[i._isServer ? "server_no_context_takeover" : "client_no_context_takeover"] && (o = l >= i._threshold), this._compress = o) : (o = !1, n = 0), t.fin && (this._firstFragment = !0), i) {
+      const a = {
+        [x]: l,
+        fin: t.fin,
+        generateMask: this._generateMask,
+        mask: t.mask,
+        maskBuffer: this._maskBuffer,
+        opcode: n,
+        readOnly: f,
+        rsv1: o
+      };
+      this._deflating ? this.enqueue([this.dispatch, e, this._compress, a, r]) : this.dispatch(e, this._compress, a, r);
+    } else
+      this.sendFrame(
+        P.frame(e, {
+          [x]: l,
+          fin: t.fin,
+          generateMask: this._generateMask,
+          mask: t.mask,
+          maskBuffer: this._maskBuffer,
+          opcode: n,
+          readOnly: f,
+          rsv1: !1
+        }),
+        r
+      );
+  }
+  /**
+   * Dispatches a message.
+   *
+   * @param {(Buffer|String)} data The message to send
+   * @param {Boolean} [compress=false] Specifies whether or not to compress
+   *     `data`
+   * @param {Object} options Options object
+   * @param {Boolean} [options.fin=false] Specifies whether or not to set the
+   *     FIN bit
+   * @param {Function} [options.generateMask] The function used to generate the
+   *     masking key
+   * @param {Boolean} [options.mask=false] Specifies whether or not to mask
+   *     `data`
+   * @param {Buffer} [options.maskBuffer] The buffer used to store the masking
+   *     key
+   * @param {Number} options.opcode The opcode
+   * @param {Boolean} [options.readOnly=false] Specifies whether `data` can be
+   *     modified
+   * @param {Boolean} [options.rsv1=false] Specifies whether or not to set the
+   *     RSV1 bit
+   * @param {Function} [cb] Callback
+   * @private
+   */
+  dispatch(e, t, r, i) {
+    if (!t) {
+      this.sendFrame(P.frame(e, r), i);
+      return;
+    }
+    const n = this._extensions[Ie.extensionName];
+    this._bufferedBytes += r[x], this._deflating = !0, n.compress(e, r.fin, (o, l) => {
+      if (this._socket.destroyed) {
+        const f = new Error(
+          "The socket was closed while data was being compressed"
+        );
+        typeof i == "function" && i(f);
+        for (let a = 0; a < this._queue.length; a++) {
+          const c = this._queue[a], h = c[c.length - 1];
+          typeof h == "function" && h(f);
+        }
+        return;
+      }
+      this._bufferedBytes -= r[x], this._deflating = !1, r.readOnly = !1, this.sendFrame(P.frame(l, r), i), this.dequeue();
+    });
+  }
+  /**
+   * Executes queued send operations.
+   *
+   * @private
+   */
+  dequeue() {
+    for (; !this._deflating && this._queue.length; ) {
+      const e = this._queue.shift();
+      this._bufferedBytes -= e[3][x], Reflect.apply(e[0], this, e.slice(1));
+    }
+  }
+  /**
+   * Enqueues a send operation.
+   *
+   * @param {Array} params Send operation parameters.
+   * @private
+   */
+  enqueue(e) {
+    this._bufferedBytes += e[3][x], this._queue.push(e);
+  }
+  /**
+   * Sends a frame.
+   *
+   * @param {Buffer[]} list The frame to send
+   * @param {Function} [cb] Callback
+   * @private
+   */
+  sendFrame(e, t) {
+    e.length === 2 ? (this._socket.cork(), this._socket.write(e[0]), this._socket.write(e[1], t), this._socket.uncork()) : this._socket.write(e[0], t);
+  }
+};
+var it = Jt;
+const Ks = /* @__PURE__ */ z(it), { kForOnEventAttribute: F, kListener: pe } = U, We = Symbol("kCode"), Ae = Symbol("kData"), Fe = Symbol("kError"), je = Symbol("kMessage"), Ge = Symbol("kReason"), I = Symbol("kTarget"), Ve = Symbol("kType"), He = Symbol("kWasClean");
+class B {
+  /**
+   * Create a new `Event`.
+   *
+   * @param {String} type The name of the event
+   * @throws {TypeError} If the `type` argument is not specified
+   */
+  constructor(e) {
+    this[I] = null, this[Ve] = e;
+  }
+  /**
+   * @type {*}
+   */
+  get target() {
+    return this[I];
+  }
+  /**
+   * @type {String}
+   */
+  get type() {
+    return this[Ve];
+  }
+}
+Object.defineProperty(B.prototype, "target", { enumerable: !0 });
+Object.defineProperty(B.prototype, "type", { enumerable: !0 });
+class Y extends B {
+  /**
+   * Create a new `CloseEvent`.
+   *
+   * @param {String} type The name of the event
+   * @param {Object} [options] A dictionary object that allows for setting
+   *     attributes via object members of the same name
+   * @param {Number} [options.code=0] The status code explaining why the
+   *     connection was closed
+   * @param {String} [options.reason=''] A human-readable string explaining why
+   *     the connection was closed
+   * @param {Boolean} [options.wasClean=false] Indicates whether or not the
+   *     connection was cleanly closed
+   */
+  constructor(e, t = {}) {
+    super(e), this[We] = t.code === void 0 ? 0 : t.code, this[Ge] = t.reason === void 0 ? "" : t.reason, this[He] = t.wasClean === void 0 ? !1 : t.wasClean;
+  }
+  /**
+   * @type {Number}
+   */
+  get code() {
+    return this[We];
+  }
+  /**
+   * @type {String}
+   */
+  get reason() {
+    return this[Ge];
+  }
+  /**
+   * @type {Boolean}
+   */
+  get wasClean() {
+    return this[He];
+  }
+}
+Object.defineProperty(Y.prototype, "code", { enumerable: !0 });
+Object.defineProperty(Y.prototype, "reason", { enumerable: !0 });
+Object.defineProperty(Y.prototype, "wasClean", { enumerable: !0 });
+class le extends B {
+  /**
+   * Create a new `ErrorEvent`.
+   *
+   * @param {String} type The name of the event
+   * @param {Object} [options] A dictionary object that allows for setting
+   *     attributes via object members of the same name
+   * @param {*} [options.error=null] The error that generated this event
+   * @param {String} [options.message=''] The error message
+   */
+  constructor(e, t = {}) {
+    super(e), this[Fe] = t.error === void 0 ? null : t.error, this[je] = t.message === void 0 ? "" : t.message;
+  }
+  /**
+   * @type {*}
+   */
+  get error() {
+    return this[Fe];
+  }
+  /**
+   * @type {String}
+   */
+  get message() {
+    return this[je];
+  }
+}
+Object.defineProperty(le.prototype, "error", { enumerable: !0 });
+Object.defineProperty(le.prototype, "message", { enumerable: !0 });
+class xe extends B {
+  /**
+   * Create a new `MessageEvent`.
+   *
+   * @param {String} type The name of the event
+   * @param {Object} [options] A dictionary object that allows for setting
+   *     attributes via object members of the same name
+   * @param {*} [options.data=null] The message content
+   */
+  constructor(e, t = {}) {
+    super(e), this[Ae] = t.data === void 0 ? null : t.data;
+  }
+  /**
+   * @type {*}
+   */
+  get data() {
+    return this[Ae];
+  }
+}
+Object.defineProperty(xe.prototype, "data", { enumerable: !0 });
+const es = {
+  /**
+   * Register an event listener.
+   *
+   * @param {String} type A string representing the event type to listen for
+   * @param {(Function|Object)} handler The listener to add
+   * @param {Object} [options] An options object specifies characteristics about
+   *     the event listener
+   * @param {Boolean} [options.once=false] A `Boolean` indicating that the
+   *     listener should be invoked at most once after being added. If `true`,
+   *     the listener would be automatically removed when invoked.
+   * @public
+   */
+  addEventListener(s, e, t = {}) {
+    for (const i of this.listeners(s))
+      if (!t[F] && i[pe] === e && !i[F])
+        return;
+    let r;
+    if (s === "message")
+      r = function(n, o) {
+        const l = new xe("message", {
+          data: o ? n : n.toString()
+        });
+        l[I] = this, Z(e, this, l);
+      };
+    else if (s === "close")
+      r = function(n, o) {
+        const l = new Y("close", {
+          code: n,
+          reason: o.toString(),
+          wasClean: this._closeFrameReceived && this._closeFrameSent
+        });
+        l[I] = this, Z(e, this, l);
+      };
+    else if (s === "error")
+      r = function(n) {
+        const o = new le("error", {
+          error: n,
+          message: n.message
+        });
+        o[I] = this, Z(e, this, o);
+      };
+    else if (s === "open")
+      r = function() {
+        const n = new B("open");
+        n[I] = this, Z(e, this, n);
+      };
+    else
+      return;
+    r[F] = !!t[F], r[pe] = e, t.once ? this.once(s, r) : this.on(s, r);
+  },
+  /**
+   * Remove an event listener.
+   *
+   * @param {String} type A string representing the event type to remove
+   * @param {(Function|Object)} handler The listener to remove
+   * @public
+   */
+  removeEventListener(s, e) {
+    for (const t of this.listeners(s))
+      if (t[pe] === e && !t[F]) {
+        this.removeListener(s, t);
+        break;
+      }
+  }
+};
+var ts = {
+  CloseEvent: Y,
+  ErrorEvent: le,
+  Event: B,
+  EventTarget: es,
+  MessageEvent: xe
+};
+function Z(s, e, t) {
+  typeof s == "object" && s.handleEvent ? s.handleEvent.call(s, t) : s.call(e, t);
+}
+const { tokenChars: j } = ae;
+function k(s, e, t) {
+  s[e] === void 0 ? s[e] = [t] : s[e].push(t);
+}
+function ss(s) {
+  const e = /* @__PURE__ */ Object.create(null);
+  let t = /* @__PURE__ */ Object.create(null), r = !1, i = !1, n = !1, o, l, f = -1, a = -1, c = -1, h = 0;
+  for (; h < s.length; h++)
+    if (a = s.charCodeAt(h), o === void 0)
+      if (c === -1 && j[a] === 1)
+        f === -1 && (f = h);
+      else if (h !== 0 && (a === 32 || a === 9))
+        c === -1 && f !== -1 && (c = h);
+      else if (a === 59 || a === 44) {
+        if (f === -1)
+          throw new SyntaxError(`Unexpected character at index ${h}`);
+        c === -1 && (c = h);
+        const v = s.slice(f, c);
+        a === 44 ? (k(e, v, t), t = /* @__PURE__ */ Object.create(null)) : o = v, f = c = -1;
+      } else
+        throw new SyntaxError(`Unexpected character at index ${h}`);
+    else if (l === void 0)
+      if (c === -1 && j[a] === 1)
+        f === -1 && (f = h);
+      else if (a === 32 || a === 9)
+        c === -1 && f !== -1 && (c = h);
+      else if (a === 59 || a === 44) {
+        if (f === -1)
+          throw new SyntaxError(`Unexpected character at index ${h}`);
+        c === -1 && (c = h), k(t, s.slice(f, c), !0), a === 44 && (k(e, o, t), t = /* @__PURE__ */ Object.create(null), o = void 0), f = c = -1;
+      } else if (a === 61 && f !== -1 && c === -1)
+        l = s.slice(f, h), f = c = -1;
+      else
+        throw new SyntaxError(`Unexpected character at index ${h}`);
+    else if (i) {
+      if (j[a] !== 1)
+        throw new SyntaxError(`Unexpected character at index ${h}`);
+      f === -1 ? f = h : r || (r = !0), i = !1;
+    } else if (n)
+      if (j[a] === 1)
+        f === -1 && (f = h);
+      else if (a === 34 && f !== -1)
+        n = !1, c = h;
+      else if (a === 92)
+        i = !0;
+      else
+        throw new SyntaxError(`Unexpected character at index ${h}`);
+    else if (a === 34 && s.charCodeAt(h - 1) === 61)
+      n = !0;
+    else if (c === -1 && j[a] === 1)
+      f === -1 && (f = h);
+    else if (f !== -1 && (a === 32 || a === 9))
+      c === -1 && (c = h);
+    else if (a === 59 || a === 44) {
+      if (f === -1)
+        throw new SyntaxError(`Unexpected character at index ${h}`);
+      c === -1 && (c = h);
+      let v = s.slice(f, c);
+      r && (v = v.replace(/\\/g, ""), r = !1), k(t, l, v), a === 44 && (k(e, o, t), t = /* @__PURE__ */ Object.create(null), o = void 0), l = void 0, f = c = -1;
+    } else
+      throw new SyntaxError(`Unexpected character at index ${h}`);
+  if (f === -1 || n || a === 32 || a === 9)
+    throw new SyntaxError("Unexpected end of input");
+  c === -1 && (c = h);
+  const p = s.slice(f, c);
+  return o === void 0 ? k(e, p, t) : (l === void 0 ? k(t, p, !0) : r ? k(t, l, p.replace(/\\/g, "")) : k(t, l, p), k(e, o, t)), e;
+}
+function rs(s) {
+  return Object.keys(s).map((e) => {
+    let t = s[e];
+    return Array.isArray(t) || (t = [t]), t.map((r) => [e].concat(
+      Object.keys(r).map((i) => {
+        let n = r[i];
+        return Array.isArray(n) || (n = [n]), n.map((o) => o === !0 ? i : `${i}=${o}`).join("; ");
+      })
+    ).join("; ")).join(", ");
+  }).join(", ");
+}
+var nt = { format: rs, parse: ss };
+const is = S, ns = S, os = S, ot = S, as = S, { randomBytes: ls, createHash: fs } = S, { URL: me } = S, T = oe, hs = rt, cs = it, {
+  BINARY_TYPES: ze,
+  EMPTY_BUFFER: Q,
+  GUID: us,
+  kForOnEventAttribute: ge,
+  kListener: ds,
+  kStatusCode: _s,
+  kWebSocket: y,
+  NOOP: at
+} = U, {
+  EventTarget: { addEventListener: ps, removeEventListener: ms }
+} = ts, { format: gs, parse: ys } = nt, { toBuffer: vs } = ne, Ss = 30 * 1e3, lt = Symbol("kAborted"), ye = [8, 13], O = ["CONNECTING", "OPEN", "CLOSING", "CLOSED"], Es = /^[!#$%&'*+\-.0-9A-Z^_`|a-z~]+$/;
+let m = class d extends is {
+  /**
+   * Create a new `WebSocket`.
+   *
+   * @param {(String|URL)} address The URL to which to connect
+   * @param {(String|String[])} [protocols] The subprotocols
+   * @param {Object} [options] Connection options
+   */
+  constructor(e, t, r) {
+    super(), this._binaryType = ze[0], this._closeCode = 1006, this._closeFrameReceived = !1, this._closeFrameSent = !1, this._closeMessage = Q, this._closeTimer = null, this._extensions = {}, this._paused = !1, this._protocol = "", this._readyState = d.CONNECTING, this._receiver = null, this._sender = null, this._socket = null, e !== null ? (this._bufferedAmount = 0, this._isServer = !1, this._redirects = 0, t === void 0 ? t = [] : Array.isArray(t) || (typeof t == "object" && t !== null ? (r = t, t = []) : t = [t]), ht(this, e, t, r)) : this._isServer = !0;
+  }
+  /**
+   * This deviates from the WHATWG interface since ws doesn't support the
+   * required default "blob" type (instead we define a custom "nodebuffer"
+   * type).
+   *
+   * @type {String}
+   */
+  get binaryType() {
+    return this._binaryType;
+  }
+  set binaryType(e) {
+    ze.includes(e) && (this._binaryType = e, this._receiver && (this._receiver._binaryType = e));
+  }
+  /**
+   * @type {Number}
+   */
+  get bufferedAmount() {
+    return this._socket ? this._socket._writableState.length + this._sender._bufferedBytes : this._bufferedAmount;
+  }
+  /**
+   * @type {String}
+   */
+  get extensions() {
+    return Object.keys(this._extensions).join();
+  }
+  /**
+   * @type {Boolean}
+   */
+  get isPaused() {
+    return this._paused;
+  }
+  /**
+   * @type {Function}
+   */
+  /* istanbul ignore next */
+  get onclose() {
+    return null;
+  }
+  /**
+   * @type {Function}
+   */
+  /* istanbul ignore next */
+  get onerror() {
+    return null;
+  }
+  /**
+   * @type {Function}
+   */
+  /* istanbul ignore next */
+  get onopen() {
+    return null;
+  }
+  /**
+   * @type {Function}
+   */
+  /* istanbul ignore next */
+  get onmessage() {
+    return null;
+  }
+  /**
+   * @type {String}
+   */
+  get protocol() {
+    return this._protocol;
+  }
+  /**
+   * @type {Number}
+   */
+  get readyState() {
+    return this._readyState;
+  }
+  /**
+   * @type {String}
+   */
+  get url() {
+    return this._url;
+  }
+  /**
+   * Set up the socket and the internal resources.
+   *
+   * @param {(net.Socket|tls.Socket)} socket The network socket between the
+   *     server and client
+   * @param {Buffer} head The first packet of the upgraded stream
+   * @param {Object} options Options object
+   * @param {Function} [options.generateMask] The function used to generate the
+   *     masking key
+   * @param {Number} [options.maxPayload=0] The maximum allowed message size
+   * @param {Boolean} [options.skipUTF8Validation=false] Specifies whether or
+   *     not to skip UTF-8 validation for text and close messages
+   * @private
+   */
+  setSocket(e, t, r) {
+    const i = new hs({
+      binaryType: this.binaryType,
+      extensions: this._extensions,
+      isServer: this._isServer,
+      maxPayload: r.maxPayload,
+      skipUTF8Validation: r.skipUTF8Validation
+    });
+    this._sender = new cs(e, this._extensions, r.generateMask), this._receiver = i, this._socket = e, i[y] = this, e[y] = this, i.on("conclude", ks), i.on("drain", ws), i.on("error", Os), i.on("message", Cs), i.on("ping", Ts), i.on("pong", Ls), e.setTimeout(0), e.setNoDelay(), t.length > 0 && e.unshift(t), e.on("close", ut), e.on("data", fe), e.on("end", dt), e.on("error", _t), this._readyState = d.OPEN, this.emit("open");
+  }
+  /**
+   * Emit the `'close'` event.
+   *
+   * @private
+   */
+  emitClose() {
+    if (!this._socket) {
+      this._readyState = d.CLOSED, this.emit("close", this._closeCode, this._closeMessage);
+      return;
+    }
+    this._extensions[T.extensionName] && this._extensions[T.extensionName].cleanup(), this._receiver.removeAllListeners(), this._readyState = d.CLOSED, this.emit("close", this._closeCode, this._closeMessage);
+  }
+  /**
+   * Start a closing handshake.
+   *
+   *          +----------+   +-----------+   +----------+
+   *     - - -|ws.close()|-->|close frame|-->|ws.close()|- - -
+   *    |     +----------+   +-----------+   +----------+     |
+   *          +----------+   +-----------+         |
+   * CLOSING  |ws.close()|<--|close frame|<--+-----+       CLOSING
+   *          +----------+   +-----------+   |
+   *    |           |                        |   +---+        |
+   *                +------------------------+-->|fin| - - - -
+   *    |         +---+                      |   +---+
+   *     - - - - -|fin|<---------------------+
+   *              +---+
+   *
+   * @param {Number} [code] Status code explaining why the connection is closing
+   * @param {(String|Buffer)} [data] The reason why the connection is
+   *     closing
+   * @public
+   */
+  close(e, t) {
+    if (this.readyState !== d.CLOSED) {
+      if (this.readyState === d.CONNECTING) {
+        const r = "WebSocket was closed before the connection was established";
+        b(this, this._req, r);
+        return;
+      }
+      if (this.readyState === d.CLOSING) {
+        this._closeFrameSent && (this._closeFrameReceived || this._receiver._writableState.errorEmitted) && this._socket.end();
+        return;
+      }
+      this._readyState = d.CLOSING, this._sender.close(e, t, !this._isServer, (r) => {
+        r || (this._closeFrameSent = !0, (this._closeFrameReceived || this._receiver._writableState.errorEmitted) && this._socket.end());
+      }), this._closeTimer = setTimeout(
+        this._socket.destroy.bind(this._socket),
+        Ss
+      );
+    }
+  }
+  /**
+   * Pause the socket.
+   *
+   * @public
+   */
+  pause() {
+    this.readyState === d.CONNECTING || this.readyState === d.CLOSED || (this._paused = !0, this._socket.pause());
+  }
+  /**
+   * Send a ping.
+   *
+   * @param {*} [data] The data to send
+   * @param {Boolean} [mask] Indicates whether or not to mask `data`
+   * @param {Function} [cb] Callback which is executed when the ping is sent
+   * @public
+   */
+  ping(e, t, r) {
+    if (this.readyState === d.CONNECTING)
+      throw new Error("WebSocket is not open: readyState 0 (CONNECTING)");
+    if (typeof e == "function" ? (r = e, e = t = void 0) : typeof t == "function" && (r = t, t = void 0), typeof e == "number" && (e = e.toString()), this.readyState !== d.OPEN) {
+      ve(this, e, r);
+      return;
+    }
+    t === void 0 && (t = !this._isServer), this._sender.ping(e || Q, t, r);
+  }
+  /**
+   * Send a pong.
+   *
+   * @param {*} [data] The data to send
+   * @param {Boolean} [mask] Indicates whether or not to mask `data`
+   * @param {Function} [cb] Callback which is executed when the pong is sent
+   * @public
+   */
+  pong(e, t, r) {
+    if (this.readyState === d.CONNECTING)
+      throw new Error("WebSocket is not open: readyState 0 (CONNECTING)");
+    if (typeof e == "function" ? (r = e, e = t = void 0) : typeof t == "function" && (r = t, t = void 0), typeof e == "number" && (e = e.toString()), this.readyState !== d.OPEN) {
+      ve(this, e, r);
+      return;
+    }
+    t === void 0 && (t = !this._isServer), this._sender.pong(e || Q, t, r);
+  }
+  /**
+   * Resume the socket.
+   *
+   * @public
+   */
+  resume() {
+    this.readyState === d.CONNECTING || this.readyState === d.CLOSED || (this._paused = !1, this._receiver._writableState.needDrain || this._socket.resume());
+  }
+  /**
+   * Send a data message.
+   *
+   * @param {*} data The message to send
+   * @param {Object} [options] Options object
+   * @param {Boolean} [options.binary] Specifies whether `data` is binary or
+   *     text
+   * @param {Boolean} [options.compress] Specifies whether or not to compress
+   *     `data`
+   * @param {Boolean} [options.fin=true] Specifies whether the fragment is the
+   *     last one
+   * @param {Boolean} [options.mask] Specifies whether or not to mask `data`
+   * @param {Function} [cb] Callback which is executed when data is written out
+   * @public
+   */
+  send(e, t, r) {
+    if (this.readyState === d.CONNECTING)
+      throw new Error("WebSocket is not open: readyState 0 (CONNECTING)");
+    if (typeof t == "function" && (r = t, t = {}), typeof e == "number" && (e = e.toString()), this.readyState !== d.OPEN) {
+      ve(this, e, r);
+      return;
+    }
+    const i = {
+      binary: typeof e != "string",
+      mask: !this._isServer,
+      compress: !0,
+      fin: !0,
+      ...t
+    };
+    this._extensions[T.extensionName] || (i.compress = !1), this._sender.send(e || Q, i, r);
+  }
+  /**
+   * Forcibly close the connection.
+   *
+   * @public
+   */
+  terminate() {
+    if (this.readyState !== d.CLOSED) {
+      if (this.readyState === d.CONNECTING) {
+        const e = "WebSocket was closed before the connection was established";
+        b(this, this._req, e);
+        return;
+      }
+      this._socket && (this._readyState = d.CLOSING, this._socket.destroy());
+    }
+  }
+};
+Object.defineProperty(m, "CONNECTING", {
+  enumerable: !0,
+  value: O.indexOf("CONNECTING")
+});
+Object.defineProperty(m.prototype, "CONNECTING", {
+  enumerable: !0,
+  value: O.indexOf("CONNECTING")
+});
+Object.defineProperty(m, "OPEN", {
+  enumerable: !0,
+  value: O.indexOf("OPEN")
+});
+Object.defineProperty(m.prototype, "OPEN", {
+  enumerable: !0,
+  value: O.indexOf("OPEN")
+});
+Object.defineProperty(m, "CLOSING", {
+  enumerable: !0,
+  value: O.indexOf("CLOSING")
+});
+Object.defineProperty(m.prototype, "CLOSING", {
+  enumerable: !0,
+  value: O.indexOf("CLOSING")
+});
+Object.defineProperty(m, "CLOSED", {
+  enumerable: !0,
+  value: O.indexOf("CLOSED")
+});
+Object.defineProperty(m.prototype, "CLOSED", {
+  enumerable: !0,
+  value: O.indexOf("CLOSED")
+});
+[
+  "binaryType",
+  "bufferedAmount",
+  "extensions",
+  "isPaused",
+  "protocol",
+  "readyState",
+  "url"
+].forEach((s) => {
+  Object.defineProperty(m.prototype, s, { enumerable: !0 });
+});
+["open", "error", "close", "message"].forEach((s) => {
+  Object.defineProperty(m.prototype, `on${s}`, {
+    enumerable: !0,
+    get() {
+      for (const e of this.listeners(s))
+        if (e[ge])
+          return e[ds];
+      return null;
+    },
+    set(e) {
+      for (const t of this.listeners(s))
+        if (t[ge]) {
+          this.removeListener(s, t);
+          break;
+        }
+      typeof e == "function" && this.addEventListener(s, e, {
+        [ge]: !0
+      });
+    }
+  });
+});
+m.prototype.addEventListener = ps;
+m.prototype.removeEventListener = ms;
+var ft = m;
+function ht(s, e, t, r) {
+  const i = {
+    protocolVersion: ye[1],
+    maxPayload: 104857600,
+    skipUTF8Validation: !1,
+    perMessageDeflate: !0,
+    followRedirects: !1,
+    maxRedirects: 10,
+    ...r,
+    createConnection: void 0,
+    socketPath: void 0,
+    hostname: void 0,
+    protocol: void 0,
+    timeout: void 0,
+    method: "GET",
+    host: void 0,
+    path: void 0,
+    port: void 0
+  };
+  if (!ye.includes(i.protocolVersion))
+    throw new RangeError(
+      `Unsupported protocol version: ${i.protocolVersion} (supported versions: ${ye.join(", ")})`
+    );
+  let n;
+  if (e instanceof me)
+    n = e, s._url = e.href;
+  else {
+    try {
+      n = new me(e);
+    } catch {
+      throw new SyntaxError(`Invalid URL: ${e}`);
+    }
+    s._url = e;
+  }
+  const o = n.protocol === "wss:", l = n.protocol === "ws+unix:";
+  let f;
+  if (n.protocol !== "ws:" && !o && !l ? f = `The URL's protocol must be one of "ws:", "wss:", or "ws+unix:"` : l && !n.pathname ? f = "The URL's pathname is empty" : n.hash && (f = "The URL contains a fragment identifier"), f) {
+    const u = new SyntaxError(f);
+    if (s._redirects === 0)
+      throw u;
+    ee(s, u);
+    return;
+  }
+  const a = o ? 443 : 80, c = ls(16).toString("base64"), h = o ? ns.request : os.request, p = /* @__PURE__ */ new Set();
+  let v;
+  if (i.createConnection = o ? xs : bs, i.defaultPort = i.defaultPort || a, i.port = n.port || a, i.host = n.hostname.startsWith("[") ? n.hostname.slice(1, -1) : n.hostname, i.headers = {
+    ...i.headers,
+    "Sec-WebSocket-Version": i.protocolVersion,
+    "Sec-WebSocket-Key": c,
+    Connection: "Upgrade",
+    Upgrade: "websocket"
+  }, i.path = n.pathname + n.search, i.timeout = i.handshakeTimeout, i.perMessageDeflate && (v = new T(
+    i.perMessageDeflate !== !0 ? i.perMessageDeflate : {},
+    !1,
+    i.maxPayload
+  ), i.headers["Sec-WebSocket-Extensions"] = gs({
+    [T.extensionName]: v.offer()
+  })), t.length) {
+    for (const u of t) {
+      if (typeof u != "string" || !Es.test(u) || p.has(u))
+        throw new SyntaxError(
+          "An invalid or duplicated subprotocol was specified"
+        );
+      p.add(u);
+    }
+    i.headers["Sec-WebSocket-Protocol"] = t.join(",");
+  }
+  if (i.origin && (i.protocolVersion < 13 ? i.headers["Sec-WebSocket-Origin"] = i.origin : i.headers.Origin = i.origin), (n.username || n.password) && (i.auth = `${n.username}:${n.password}`), l) {
+    const u = i.path.split(":");
+    i.socketPath = u[0], i.path = u[1];
+  }
+  let _;
+  if (i.followRedirects) {
+    if (s._redirects === 0) {
+      s._originalIpc = l, s._originalSecure = o, s._originalHostOrSocketPath = l ? i.socketPath : n.host;
+      const u = r && r.headers;
+      if (r = { ...r, headers: {} }, u)
+        for (const [E, $] of Object.entries(u))
+          r.headers[E.toLowerCase()] = $;
+    } else if (s.listenerCount("redirect") === 0) {
+      const u = l ? s._originalIpc ? i.socketPath === s._originalHostOrSocketPath : !1 : s._originalIpc ? !1 : n.host === s._originalHostOrSocketPath;
+      (!u || s._originalSecure && !o) && (delete i.headers.authorization, delete i.headers.cookie, u || delete i.headers.host, i.auth = void 0);
+    }
+    i.auth && !r.headers.authorization && (r.headers.authorization = "Basic " + Buffer.from(i.auth).toString("base64")), _ = s._req = h(i), s._redirects && s.emit("redirect", s.url, _);
+  } else
+    _ = s._req = h(i);
+  i.timeout && _.on("timeout", () => {
+    b(s, _, "Opening handshake has timed out");
+  }), _.on("error", (u) => {
+    _ === null || _[lt] || (_ = s._req = null, ee(s, u));
+  }), _.on("response", (u) => {
+    const E = u.headers.location, $ = u.statusCode;
+    if (E && i.followRedirects && $ >= 300 && $ < 400) {
+      if (++s._redirects > i.maxRedirects) {
+        b(s, _, "Maximum redirects exceeded");
+        return;
+      }
+      _.abort();
+      let q;
+      try {
+        q = new me(E, e);
+      } catch {
+        const L = new SyntaxError(`Invalid URL: ${E}`);
+        ee(s, L);
+        return;
+      }
+      ht(s, q, t, r);
+    } else
+      s.emit("unexpected-response", _, u) || b(
+        s,
+        _,
+        `Unexpected server response: ${u.statusCode}`
+      );
+  }), _.on("upgrade", (u, E, $) => {
+    if (s.emit("upgrade", u), s.readyState !== m.CONNECTING)
+      return;
+    if (_ = s._req = null, u.headers.upgrade.toLowerCase() !== "websocket") {
+      b(s, E, "Invalid Upgrade header");
+      return;
+    }
+    const q = fs("sha1").update(c + us).digest("base64");
+    if (u.headers["sec-websocket-accept"] !== q) {
+      b(s, E, "Invalid Sec-WebSocket-Accept header");
+      return;
+    }
+    const D = u.headers["sec-websocket-protocol"];
+    let L;
+    if (D !== void 0 ? p.size ? p.has(D) || (L = "Server sent an invalid subprotocol") : L = "Server sent a subprotocol but none was requested" : p.size && (L = "Server sent no subprotocol"), L) {
+      b(s, E, L);
+      return;
+    }
+    D && (s._protocol = D);
+    const ke = u.headers["sec-websocket-extensions"];
+    if (ke !== void 0) {
+      if (!v) {
+        b(s, E, "Server sent a Sec-WebSocket-Extensions header but no extension was requested");
+        return;
+      }
+      let he;
+      try {
+        he = ys(ke);
+      } catch {
+        b(s, E, "Invalid Sec-WebSocket-Extensions header");
+        return;
+      }
+      const we = Object.keys(he);
+      if (we.length !== 1 || we[0] !== T.extensionName) {
+        b(s, E, "Server indicated an extension that was not requested");
+        return;
+      }
+      try {
+        v.accept(he[T.extensionName]);
+      } catch {
+        b(s, E, "Invalid Sec-WebSocket-Extensions header");
+        return;
+      }
+      s._extensions[T.extensionName] = v;
+    }
+    s.setSocket(E, $, {
+      generateMask: i.generateMask,
+      maxPayload: i.maxPayload,
+      skipUTF8Validation: i.skipUTF8Validation
+    });
+  }), i.finishRequest ? i.finishRequest(_, s) : _.end();
+}
+function ee(s, e) {
+  s._readyState = m.CLOSING, s.emit("error", e), s.emitClose();
+}
+function bs(s) {
+  return s.path = s.socketPath, ot.connect(s);
+}
+function xs(s) {
+  return s.path = void 0, !s.servername && s.servername !== "" && (s.servername = ot.isIP(s.host) ? "" : s.host), as.connect(s);
+}
+function b(s, e, t) {
+  s._readyState = m.CLOSING;
+  const r = new Error(t);
+  Error.captureStackTrace(r, b), e.setHeader ? (e[lt] = !0, e.abort(), e.socket && !e.socket.destroyed && e.socket.destroy(), process.nextTick(ee, s, r)) : (e.destroy(r), e.once("error", s.emit.bind(s, "error")), e.once("close", s.emitClose.bind(s)));
+}
+function ve(s, e, t) {
+  if (e) {
+    const r = vs(e).length;
+    s._socket ? s._sender._bufferedBytes += r : s._bufferedAmount += r;
+  }
+  if (t) {
+    const r = new Error(
+      `WebSocket is not open: readyState ${s.readyState} (${O[s.readyState]})`
+    );
+    process.nextTick(t, r);
+  }
+}
+function ks(s, e) {
+  const t = this[y];
+  t._closeFrameReceived = !0, t._closeMessage = e, t._closeCode = s, t._socket[y] !== void 0 && (t._socket.removeListener("data", fe), process.nextTick(ct, t._socket), s === 1005 ? t.close() : t.close(s, e));
+}
+function ws() {
+  const s = this[y];
+  s.isPaused || s._socket.resume();
+}
+function Os(s) {
+  const e = this[y];
+  e._socket[y] !== void 0 && (e._socket.removeListener("data", fe), process.nextTick(ct, e._socket), e.close(s[_s])), e.emit("error", s);
+}
+function Ye() {
+  this[y].emitClose();
+}
+function Cs(s, e) {
+  this[y].emit("message", s, e);
+}
+function Ts(s) {
+  const e = this[y];
+  e.pong(s, !e._isServer, at), e.emit("ping", s);
+}
+function Ls(s) {
+  this[y].emit("pong", s);
+}
+function ct(s) {
+  s.resume();
+}
+function ut() {
+  const s = this[y];
+  this.removeListener("close", ut), this.removeListener("data", fe), this.removeListener("end", dt), s._readyState = m.CLOSING;
+  let e;
+  !this._readableState.endEmitted && !s._closeFrameReceived && !s._receiver._writableState.errorEmitted && (e = s._socket.read()) !== null && s._receiver.write(e), s._receiver.end(), this[y] = void 0, clearTimeout(s._closeTimer), s._receiver._writableState.finished || s._receiver._writableState.errorEmitted ? s.emitClose() : (s._receiver.on("error", Ye), s._receiver.on("finish", Ye));
+}
+function fe(s) {
+  this[y]._receiver.write(s) || this.pause();
+}
+function dt() {
+  const s = this[y];
+  s._readyState = m.CLOSING, s._receiver.end(), this.end();
+}
+function _t() {
+  const s = this[y];
+  this.removeListener("error", _t), this.on("error", at), s && (s._readyState = m.CLOSING, this.destroy());
+}
+const Xs = /* @__PURE__ */ z(ft), { tokenChars: Ns } = ae;
+function Ps(s) {
+  const e = /* @__PURE__ */ new Set();
+  let t = -1, r = -1, i = 0;
+  for (i; i < s.length; i++) {
+    const o = s.charCodeAt(i);
+    if (r === -1 && Ns[o] === 1)
+      t === -1 && (t = i);
+    else if (i !== 0 && (o === 32 || o === 9))
+      r === -1 && t !== -1 && (r = i);
+    else if (o === 44) {
+      if (t === -1)
+        throw new SyntaxError(`Unexpected character at index ${i}`);
+      r === -1 && (r = i);
+      const l = s.slice(t, r);
+      if (e.has(l))
+        throw new SyntaxError(`The "${l}" subprotocol is duplicated`);
+      e.add(l), t = r = -1;
+    } else
+      throw new SyntaxError(`Unexpected character at index ${i}`);
+  }
+  if (t === -1 || r !== -1)
+    throw new SyntaxError("Unexpected end of input");
+  const n = s.slice(t, i);
+  if (e.has(n))
+    throw new SyntaxError(`The "${n}" subprotocol is duplicated`);
+  return e.add(n), e;
+}
+var Rs = { parse: Ps };
+const Us = S, ie = S, { createHash: Bs } = S, qe = nt, N = oe, $s = Rs, Ms = ft, { GUID: Is, kWebSocket: Ds } = U, Ws = /^[+/0-9A-Za-z]{22}==$/, Ke = 0, Xe = 1, pt = 2;
+class As extends Us {
+  /**
+   * Create a `WebSocketServer` instance.
+   *
+   * @param {Object} options Configuration options
+   * @param {Number} [options.backlog=511] The maximum length of the queue of
+   *     pending connections
+   * @param {Boolean} [options.clientTracking=true] Specifies whether or not to
+   *     track clients
+   * @param {Function} [options.handleProtocols] A hook to handle protocols
+   * @param {String} [options.host] The hostname where to bind the server
+   * @param {Number} [options.maxPayload=104857600] The maximum allowed message
+   *     size
+   * @param {Boolean} [options.noServer=false] Enable no server mode
+   * @param {String} [options.path] Accept only connections matching this path
+   * @param {(Boolean|Object)} [options.perMessageDeflate=false] Enable/disable
+   *     permessage-deflate
+   * @param {Number} [options.port] The port where to bind the server
+   * @param {(http.Server|https.Server)} [options.server] A pre-created HTTP/S
+   *     server to use
+   * @param {Boolean} [options.skipUTF8Validation=false] Specifies whether or
+   *     not to skip UTF-8 validation for text and close messages
+   * @param {Function} [options.verifyClient] A hook to reject connections
+   * @param {Function} [options.WebSocket=WebSocket] Specifies the `WebSocket`
+   *     class to use. It must be the `WebSocket` class or class that extends it
+   * @param {Function} [callback] A listener for the `listening` event
+   */
+  constructor(e, t) {
+    if (super(), e = {
+      maxPayload: 100 * 1024 * 1024,
+      skipUTF8Validation: !1,
+      perMessageDeflate: !1,
+      handleProtocols: null,
+      clientTracking: !0,
+      verifyClient: null,
+      noServer: !1,
+      backlog: null,
+      // use default (511 as implemented in net.js)
+      server: null,
+      host: null,
+      path: null,
+      port: null,
+      WebSocket: Ms,
+      ...e
+    }, e.port == null && !e.server && !e.noServer || e.port != null && (e.server || e.noServer) || e.server && e.noServer)
+      throw new TypeError(
+        'One and only one of the "port", "server", or "noServer" options must be specified'
+      );
+    if (e.port != null ? (this._server = ie.createServer((r, i) => {
+      const n = ie.STATUS_CODES[426];
+      i.writeHead(426, {
+        "Content-Length": n.length,
+        "Content-Type": "text/plain"
+      }), i.end(n);
+    }), this._server.listen(
+      e.port,
+      e.host,
+      e.backlog,
+      t
+    )) : e.server && (this._server = e.server), this._server) {
+      const r = this.emit.bind(this, "connection");
+      this._removeListeners = js(this._server, {
+        listening: this.emit.bind(this, "listening"),
+        error: this.emit.bind(this, "error"),
+        upgrade: (i, n, o) => {
+          this.handleUpgrade(i, n, o, r);
+        }
+      });
+    }
+    e.perMessageDeflate === !0 && (e.perMessageDeflate = {}), e.clientTracking && (this.clients = /* @__PURE__ */ new Set(), this._shouldEmitClose = !1), this.options = e, this._state = Ke;
+  }
+  /**
+   * Returns the bound address, the address family name, and port of the server
+   * as reported by the operating system if listening on an IP socket.
+   * If the server is listening on a pipe or UNIX domain socket, the name is
+   * returned as a string.
+   *
+   * @return {(Object|String|null)} The address of the server
+   * @public
+   */
+  address() {
+    if (this.options.noServer)
+      throw new Error('The server is operating in "noServer" mode');
+    return this._server ? this._server.address() : null;
+  }
+  /**
+   * Stop the server from accepting new connections and emit the `'close'` event
+   * when all existing connections are closed.
+   *
+   * @param {Function} [cb] A one-time listener for the `'close'` event
+   * @public
+   */
+  close(e) {
+    if (this._state === pt) {
+      e && this.once("close", () => {
+        e(new Error("The server is not running"));
+      }), process.nextTick(G, this);
+      return;
+    }
+    if (e && this.once("close", e), this._state !== Xe)
+      if (this._state = Xe, this.options.noServer || this.options.server)
+        this._server && (this._removeListeners(), this._removeListeners = this._server = null), this.clients ? this.clients.size ? this._shouldEmitClose = !0 : process.nextTick(G, this) : process.nextTick(G, this);
+      else {
+        const t = this._server;
+        this._removeListeners(), this._removeListeners = this._server = null, t.close(() => {
+          G(this);
+        });
+      }
+  }
+  /**
+   * See if a given request should be handled by this server instance.
+   *
+   * @param {http.IncomingMessage} req Request object to inspect
+   * @return {Boolean} `true` if the request is valid, else `false`
+   * @public
+   */
+  shouldHandle(e) {
+    if (this.options.path) {
+      const t = e.url.indexOf("?");
+      if ((t !== -1 ? e.url.slice(0, t) : e.url) !== this.options.path)
+        return !1;
+    }
+    return !0;
+  }
+  /**
+   * Handle a HTTP Upgrade request.
+   *
+   * @param {http.IncomingMessage} req The request object
+   * @param {(net.Socket|tls.Socket)} socket The network socket between the
+   *     server and client
+   * @param {Buffer} head The first packet of the upgraded stream
+   * @param {Function} cb Callback
+   * @public
+   */
+  handleUpgrade(e, t, r, i) {
+    t.on("error", Ze);
+    const n = e.headers["sec-websocket-key"], o = +e.headers["sec-websocket-version"];
+    if (e.method !== "GET") {
+      R(this, e, t, 405, "Invalid HTTP method");
+      return;
+    }
+    if (e.headers.upgrade.toLowerCase() !== "websocket") {
+      R(this, e, t, 400, "Invalid Upgrade header");
+      return;
+    }
+    if (!n || !Ws.test(n)) {
+      R(this, e, t, 400, "Missing or invalid Sec-WebSocket-Key header");
+      return;
+    }
+    if (o !== 8 && o !== 13) {
+      R(this, e, t, 400, "Missing or invalid Sec-WebSocket-Version header");
+      return;
+    }
+    if (!this.shouldHandle(e)) {
+      H(t, 400);
+      return;
+    }
+    const l = e.headers["sec-websocket-protocol"];
+    let f = /* @__PURE__ */ new Set();
+    if (l !== void 0)
+      try {
+        f = $s.parse(l);
+      } catch {
+        R(this, e, t, 400, "Invalid Sec-WebSocket-Protocol header");
+        return;
+      }
+    const a = e.headers["sec-websocket-extensions"], c = {};
+    if (this.options.perMessageDeflate && a !== void 0) {
+      const h = new N(
+        this.options.perMessageDeflate,
+        !0,
+        this.options.maxPayload
+      );
+      try {
+        const p = qe.parse(a);
+        p[N.extensionName] && (h.accept(p[N.extensionName]), c[N.extensionName] = h);
+      } catch {
+        R(this, e, t, 400, "Invalid or unacceptable Sec-WebSocket-Extensions header");
+        return;
+      }
+    }
+    if (this.options.verifyClient) {
+      const h = {
+        origin: e.headers[`${o === 8 ? "sec-websocket-origin" : "origin"}`],
+        secure: !!(e.socket.authorized || e.socket.encrypted),
+        req: e
+      };
+      if (this.options.verifyClient.length === 2) {
+        this.options.verifyClient(h, (p, v, _, u) => {
+          if (!p)
+            return H(t, v || 401, _, u);
+          this.completeUpgrade(
+            c,
+            n,
+            f,
+            e,
+            t,
+            r,
+            i
+          );
+        });
+        return;
+      }
+      if (!this.options.verifyClient(h))
+        return H(t, 401);
+    }
+    this.completeUpgrade(c, n, f, e, t, r, i);
+  }
+  /**
+   * Upgrade the connection to WebSocket.
+   *
+   * @param {Object} extensions The accepted extensions
+   * @param {String} key The value of the `Sec-WebSocket-Key` header
+   * @param {Set} protocols The subprotocols
+   * @param {http.IncomingMessage} req The request object
+   * @param {(net.Socket|tls.Socket)} socket The network socket between the
+   *     server and client
+   * @param {Buffer} head The first packet of the upgraded stream
+   * @param {Function} cb Callback
+   * @throws {Error} If called more than once with the same socket
+   * @private
+   */
+  completeUpgrade(e, t, r, i, n, o, l) {
+    if (!n.readable || !n.writable)
+      return n.destroy();
+    if (n[Ds])
+      throw new Error(
+        "server.handleUpgrade() was called more than once with the same socket, possibly due to a misconfiguration"
+      );
+    if (this._state > Ke)
+      return H(n, 503);
+    const a = [
+      "HTTP/1.1 101 Switching Protocols",
+      "Upgrade: websocket",
+      "Connection: Upgrade",
+      `Sec-WebSocket-Accept: ${Bs("sha1").update(t + Is).digest("base64")}`
+    ], c = new this.options.WebSocket(null);
+    if (r.size) {
+      const h = this.options.handleProtocols ? this.options.handleProtocols(r, i) : r.values().next().value;
+      h && (a.push(`Sec-WebSocket-Protocol: ${h}`), c._protocol = h);
+    }
+    if (e[N.extensionName]) {
+      const h = e[N.extensionName].params, p = qe.format({
+        [N.extensionName]: [h]
+      });
+      a.push(`Sec-WebSocket-Extensions: ${p}`), c._extensions = e;
+    }
+    this.emit("headers", a, i), n.write(a.concat(`\r
+`).join(`\r
+`)), n.removeListener("error", Ze), c.setSocket(n, o, {
+      maxPayload: this.options.maxPayload,
+      skipUTF8Validation: this.options.skipUTF8Validation
+    }), this.clients && (this.clients.add(c), c.on("close", () => {
+      this.clients.delete(c), this._shouldEmitClose && !this.clients.size && process.nextTick(G, this);
+    })), l(c, i);
+  }
+}
+var Fs = As;
+function js(s, e) {
+  for (const t of Object.keys(e))
+    s.on(t, e[t]);
+  return function() {
+    for (const r of Object.keys(e))
+      s.removeListener(r, e[r]);
+  };
+}
+function G(s) {
+  s._state = pt, s.emit("close");
+}
+function Ze() {
+  this.destroy();
+}
+function H(s, e, t, r) {
+  t = t || ie.STATUS_CODES[e], r = {
+    Connection: "close",
+    "Content-Type": "text/html",
+    "Content-Length": Buffer.byteLength(t),
+    ...r
+  }, s.once("finish", s.destroy), s.end(
+    `HTTP/1.1 ${e} ${ie.STATUS_CODES[e]}\r
+` + Object.keys(r).map((i) => `${i}: ${r[i]}`).join(`\r
+`) + `\r
+\r
+` + t
+  );
+}
+function R(s, e, t, r, i) {
+  if (s.listenerCount("wsClientError")) {
+    const n = new Error(i);
+    Error.captureStackTrace(n, R), s.emit("wsClientError", n, t, e);
+  } else
+    H(t, r, i);
+}
+const Zs = /* @__PURE__ */ z(Fs);
+export {
+  qs as Receiver,
+  Ks as Sender,
+  Xs as WebSocket,
+  Zs as WebSocketServer,
+  Vs as createWebSocketStream,
+  Xs as default
+};

src/backend/gradio_molecule3d/templates/example/index.js

@@ -0,0 +1,99 @@
+const {
+  SvelteComponent: f,
+  append: u,
+  attr: d,
+  detach: o,
+  element: y,
+  init: g,
+  insert: v,
+  noop: r,
+  safe_not_equal: c,
+  set_data: m,
+  text: b,
+  toggle_class: _
+} = window.__gradio__svelte__internal;
+function A(t) {
+  let e, n = (Array.isArray(
+    /*value*/
+    t[0]
+  ) ? (
+    /*value*/
+    t[0].join(", ")
+  ) : (
+    /*value*/
+    t[0]
+  )) + "", s;
+  return {
+    c() {
+      e = y("div"), s = b(n), d(e, "class", "svelte-1hgn91n"), _(
+        e,
+        "table",
+        /*type*/
+        t[1] === "table"
+      ), _(
+        e,
+        "gallery",
+        /*type*/
+        t[1] === "gallery"
+      ), _(
+        e,
+        "selected",
+        /*selected*/
+        t[2]
+      );
+    },
+    m(l, a) {
+      v(l, e, a), u(e, s);
+    },
+    p(l, [a]) {
+      a & /*value*/
+      1 && n !== (n = (Array.isArray(
+        /*value*/
+        l[0]
+      ) ? (
+        /*value*/
+        l[0].join(", ")
+      ) : (
+        /*value*/
+        l[0]
+      )) + "") && m(s, n), a & /*type*/
+      2 && _(
+        e,
+        "table",
+        /*type*/
+        l[1] === "table"
+      ), a & /*type*/
+      2 && _(
+        e,
+        "gallery",
+        /*type*/
+        l[1] === "gallery"
+      ), a & /*selected*/
+      4 && _(
+        e,
+        "selected",
+        /*selected*/
+        l[2]
+      );
+    },
+    i: r,
+    o: r,
+    d(l) {
+      l && o(e);
+    }
+  };
+}
+function h(t, e, n) {
+  let { value: s } = e, { type: l } = e, { selected: a = !1 } = e;
+  return t.$$set = (i) => {
+    "value" in i && n(0, s = i.value), "type" in i && n(1, l = i.type), "selected" in i && n(2, a = i.selected);
+  }, [s, l, a];
+}
+class j extends f {
+  constructor(e) {
+    super(), g(this, e, h, A, c, { value: 0, type: 1, selected: 2 });
+  }
+}
+export {
+  j as default
+};

src/backend/gradio_molecule3d/templates/example/style.css

@@ -0,0 +1 @@
+div.svelte-1hgn91n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery.svelte-1hgn91n{display:flex;align-items:center;cursor:pointer;padding:var(--size-1) var(--size-2);text-align:left}

src/demo/1pga.pdb

@@ -0,0 +1,728 @@
+HEADER    IMMUNOGLOBULIN BINDING PROTEIN          23-NOV-93   1PGA              
+TITLE     TWO CRYSTAL STRUCTURES OF THE B1 IMMUNOGLOBULIN-BINDING DOMAIN OF     
+TITLE    2 STREPTOCOCCAL PROTEIN G AND COMPARISON WITH NMR                      
+COMPND    MOL_ID: 1;                                                            
+COMPND   2 MOLECULE: PROTEIN G;                                                 
+COMPND   3 CHAIN: A;                                                            
+COMPND   4 ENGINEERED: YES                                                      
+SOURCE    MOL_ID: 1;                                                            
+SOURCE   2 ORGANISM_SCIENTIFIC: STREPTOCOCCUS SP. GX7805;                       
+SOURCE   3 ORGANISM_TAXID: 1325                                                 
+KEYWDS    IMMUNOGLOBULIN BINDING PROTEIN                                        
+EXPDTA    X-RAY DIFFRACTION                                                     
+AUTHOR    T.GALLAGHER,P.ALEXANDER,P.BRYAN,G.L.GILLILAND                         
+REVDAT   3   29-NOV-17 1PGA    1       HELIX                                    
+REVDAT   2   24-FEB-09 1PGA    1       VERSN                                    
+REVDAT   1   30-APR-94 1PGA    0                                                
+JRNL        AUTH   T.GALLAGHER,P.ALEXANDER,P.BRYAN,G.L.GILLILAND                
+JRNL        TITL   TWO CRYSTAL STRUCTURES OF THE B1 IMMUNOGLOBULIN-BINDING      
+JRNL        TITL 2 DOMAIN OF STREPTOCOCCAL PROTEIN G AND COMPARISON WITH NMR.   
+JRNL        REF    BIOCHEMISTRY                  V.  33  4721 1994              
+JRNL        REFN                   ISSN 0006-2960                               
+JRNL        PMID   8161530                                                      
+JRNL        DOI    10.1021/BI00181A032                                          
+REMARK   1                                                                      
+REMARK   1 REFERENCE 1                                                          
+REMARK   1  AUTH   A.ACHARI,S.P.HALE,A.J.HOWARD,G.M.CLORE,A.M.GRONENBORN,       
+REMARK   1  AUTH 2 K.D.HARDMAN,M.WHITLOW                                        
+REMARK   1  TITL   1.67 ANGSTROMS X-RAY STRUCTURE OF THE B2                     
+REMARK   1  TITL 2 IMMUNOGLOBULIN-BINDING DOMAIN OF STREPTOCCOCAL PROTEIN G AND 
+REMARK   1  TITL 3 COMPARISON TO THE NMR STRUCTURE OF THE B1 DOMAIN             
+REMARK   1  REF    BIOCHEMISTRY                  V.  31 10449 1992              
+REMARK   1  REFN                   ISSN 0006-2960                               
+REMARK   1 REFERENCE 2                                                          
+REMARK   1  AUTH   A.M.GRONENBORN,D.R.FILPULA,N.Z.ESSIG,A.ACHARI,M.WHITLOW,     
+REMARK   1  AUTH 2 P.T.WINGFIELD,G.M.CLORE                                      
+REMARK   1  TITL   A NOVEL, HIGHLY STABLE FOLD OF THE IMMUNOGLOBULIN BINDING    
+REMARK   1  TITL 2 DOMAIN OF STREPTOCOCCAL PROTEIN G                            
+REMARK   1  REF    SCIENCE                       V. 253   657 1991              
+REMARK   1  REFN                   ISSN 0036-8075                               
+REMARK   2                                                                      
+REMARK   2 RESOLUTION.    2.07 ANGSTROMS.                                       
+REMARK   3                                                                      
+REMARK   3 REFINEMENT.                                                          
+REMARK   3   PROGRAM     : PROLSQ                                               
+REMARK   3   AUTHORS     : KONNERT,HENDRICKSON                                  
+REMARK   3                                                                      
+REMARK   3  DATA USED IN REFINEMENT.                                            
+REMARK   3   RESOLUTION RANGE HIGH (ANGSTROMS) : 2.07                           
+REMARK   3   RESOLUTION RANGE LOW  (ANGSTROMS) : 6.00                           
+REMARK   3   DATA CUTOFF            (SIGMA(F)) : NULL                           
+REMARK   3   COMPLETENESS FOR RANGE        (%) : NULL                           
+REMARK   3   NUMBER OF REFLECTIONS             : 2567                           
+REMARK   3                                                                      
+REMARK   3  FIT TO DATA USED IN REFINEMENT.                                     
+REMARK   3   CROSS-VALIDATION METHOD          : NULL                            
+REMARK   3   FREE R VALUE TEST SET SELECTION  : NULL                            
+REMARK   3   R VALUE     (WORKING + TEST SET) : 0.174                           
+REMARK   3   R VALUE            (WORKING SET) : NULL                            
+REMARK   3   FREE R VALUE                     : NULL                            
+REMARK   3   FREE R VALUE TEST SET SIZE   (%) : NULL                            
+REMARK   3   FREE R VALUE TEST SET COUNT      : NULL                            
+REMARK   3                                                                      
+REMARK   3  FIT/AGREEMENT OF MODEL WITH ALL DATA.                               
+REMARK   3   R VALUE   (WORKING + TEST SET, NO CUTOFF) : NULL                   
+REMARK   3   R VALUE          (WORKING SET, NO CUTOFF) : NULL                   
+REMARK   3   FREE R VALUE                  (NO CUTOFF) : NULL                   
+REMARK   3   FREE R VALUE TEST SET SIZE (%, NO CUTOFF) : NULL                   
+REMARK   3   FREE R VALUE TEST SET COUNT   (NO CUTOFF) : NULL                   
+REMARK   3   TOTAL NUMBER OF REFLECTIONS   (NO CUTOFF) : NULL                   
+REMARK   3                                                                      
+REMARK   3  NUMBER OF NON-HYDROGEN ATOMS USED IN REFINEMENT.                    
+REMARK   3   PROTEIN ATOMS            : 436                                     
+REMARK   3   NUCLEIC ACID ATOMS       : 0                                       
+REMARK   3   HETEROGEN ATOMS          : 0                                       
+REMARK   3   SOLVENT ATOMS            : 20                                      
+REMARK   3                                                                      
+REMARK   3  B VALUES.                                                           
+REMARK   3   FROM WILSON PLOT           (A**2) : NULL                           
+REMARK   3   MEAN B VALUE      (OVERALL, A**2) : NULL                           
+REMARK   3   OVERALL ANISOTROPIC B VALUE.                                       
+REMARK   3    B11 (A**2) : NULL                                                 
+REMARK   3    B22 (A**2) : NULL                                                 
+REMARK   3    B33 (A**2) : NULL                                                 
+REMARK   3    B12 (A**2) : NULL                                                 
+REMARK   3    B13 (A**2) : NULL                                                 
+REMARK   3    B23 (A**2) : NULL                                                 
+REMARK   3                                                                      
+REMARK   3  ESTIMATED COORDINATE ERROR.                                         
+REMARK   3   ESD FROM LUZZATI PLOT        (A) : NULL                            
+REMARK   3   ESD FROM SIGMAA              (A) : NULL                            
+REMARK   3   LOW RESOLUTION CUTOFF        (A) : NULL                            
+REMARK   3                                                                      
+REMARK   3  RMS DEVIATIONS FROM IDEAL VALUES.                                   
+REMARK   3   DISTANCE RESTRAINTS.                    RMS    SIGMA               
+REMARK   3    BOND LENGTH                     (A) : 0.020 ; NULL                
+REMARK   3    ANGLE DISTANCE                  (A) : 1.970 ; NULL                
+REMARK   3    INTRAPLANAR 1-4 DISTANCE        (A) : NULL  ; NULL                
+REMARK   3    H-BOND OR METAL COORDINATION    (A) : NULL  ; NULL                
+REMARK   3                                                                      
+REMARK   3   PLANE RESTRAINT                  (A) : NULL  ; NULL                
+REMARK   3   CHIRAL-CENTER RESTRAINT       (A**3) : NULL  ; NULL                
+REMARK   3                                                                      
+REMARK   3   NON-BONDED CONTACT RESTRAINTS.                                     
+REMARK   3    SINGLE TORSION                  (A) : NULL  ; NULL                
+REMARK   3    MULTIPLE TORSION                (A) : NULL  ; NULL                
+REMARK   3    H-BOND (X...Y)                  (A) : NULL  ; NULL                
+REMARK   3    H-BOND (X-H...Y)                (A) : NULL  ; NULL                
+REMARK   3                                                                      
+REMARK   3   CONFORMATIONAL TORSION ANGLE RESTRAINTS.                           
+REMARK   3    SPECIFIED                 (DEGREES) : NULL  ; NULL                
+REMARK   3    PLANAR                    (DEGREES) : NULL  ; NULL                
+REMARK   3    STAGGERED                 (DEGREES) : NULL  ; NULL                
+REMARK   3    TRANSVERSE                (DEGREES) : NULL  ; NULL                
+REMARK   3                                                                      
+REMARK   3  ISOTROPIC THERMAL FACTOR RESTRAINTS.    RMS    SIGMA                
+REMARK   3   MAIN-CHAIN BOND               (A**2) : NULL  ; NULL                
+REMARK   3   MAIN-CHAIN ANGLE              (A**2) : NULL  ; NULL                
+REMARK   3   SIDE-CHAIN BOND               (A**2) : NULL  ; NULL                
+REMARK   3   SIDE-CHAIN ANGLE              (A**2) : NULL  ; NULL                
+REMARK   3                                                                      
+REMARK   3  OTHER REFINEMENT REMARKS: NULL                                      
+REMARK   4                                                                      
+REMARK   4 1PGA COMPLIES WITH FORMAT V. 3.30, 13-JUL-11                         
+REMARK 100                                                                      
+REMARK 100 THIS ENTRY HAS BEEN PROCESSED BY BNL.                                
+REMARK 100 THE DEPOSITION ID IS D_1000175653.                                   
+REMARK 200                                                                      
+REMARK 200 EXPERIMENTAL DETAILS                                                 
+REMARK 200  EXPERIMENT TYPE                : X-RAY DIFFRACTION                  
+REMARK 200  DATE OF DATA COLLECTION        : NULL                               
+REMARK 200  TEMPERATURE           (KELVIN) : NULL                               
+REMARK 200  PH                             : NULL                               
+REMARK 200  NUMBER OF CRYSTALS USED        : NULL                               
+REMARK 200                                                                      
+REMARK 200  SYNCHROTRON              (Y/N) : NULL                               
+REMARK 200  RADIATION SOURCE               : NULL                               
+REMARK 200  BEAMLINE                       : NULL                               
+REMARK 200  X-RAY GENERATOR MODEL          : NULL                               
+REMARK 200  MONOCHROMATIC OR LAUE    (M/L) : NULL                               
+REMARK 200  WAVELENGTH OR RANGE        (A) : NULL                               
+REMARK 200  MONOCHROMATOR                  : NULL                               
+REMARK 200  OPTICS                         : NULL                               
+REMARK 200                                                                      
+REMARK 200  DETECTOR TYPE                  : NULL                               
+REMARK 200  DETECTOR MANUFACTURER          : NULL                               
+REMARK 200  INTENSITY-INTEGRATION SOFTWARE : NULL                               
+REMARK 200  DATA SCALING SOFTWARE          : NULL                               
+REMARK 200                                                                      
+REMARK 200  NUMBER OF UNIQUE REFLECTIONS   : NULL                               
+REMARK 200  RESOLUTION RANGE HIGH      (A) : NULL                               
+REMARK 200  RESOLUTION RANGE LOW       (A) : NULL                               
+REMARK 200  REJECTION CRITERIA  (SIGMA(I)) : NULL                               
+REMARK 200                                                                      
+REMARK 200 OVERALL.                                                             
+REMARK 200  COMPLETENESS FOR RANGE     (%) : NULL                               
+REMARK 200  DATA REDUNDANCY                : NULL                               
+REMARK 200  R MERGE                    (I) : NULL                               
+REMARK 200  R SYM                      (I) : NULL                               
+REMARK 200  <I/SIGMA(I)> FOR THE DATA SET  : NULL                               
+REMARK 200                                                                      
+REMARK 200 IN THE HIGHEST RESOLUTION SHELL.                                     
+REMARK 200  HIGHEST RESOLUTION SHELL, RANGE HIGH (A) : NULL                     
+REMARK 200  HIGHEST RESOLUTION SHELL, RANGE LOW  (A) : NULL                     
+REMARK 200  COMPLETENESS FOR SHELL     (%) : NULL                               
+REMARK 200  DATA REDUNDANCY IN SHELL       : NULL                               
+REMARK 200  R MERGE FOR SHELL          (I) : NULL                               
+REMARK 200  R SYM FOR SHELL            (I) : NULL                               
+REMARK 200  <I/SIGMA(I)> FOR SHELL         : NULL                               
+REMARK 200                                                                      
+REMARK 200 DIFFRACTION PROTOCOL: NULL                                           
+REMARK 200 METHOD USED TO DETERMINE THE STRUCTURE: NULL                         
+REMARK 200 SOFTWARE USED: X-PLOR                                                
+REMARK 200 STARTING MODEL: NULL                                                 
+REMARK 200                                                                      
+REMARK 200 REMARK: NULL                                                         
+REMARK 280                                                                      
+REMARK 280 CRYSTAL                                                              
+REMARK 280 SOLVENT CONTENT, VS   (%): 35.95                                     
+REMARK 280 MATTHEWS COEFFICIENT, VM (ANGSTROMS**3/DA): 1.92                     
+REMARK 280                                                                      
+REMARK 280 CRYSTALLIZATION CONDITIONS: NULL                                     
+REMARK 290                                                                      
+REMARK 290 CRYSTALLOGRAPHIC SYMMETRY                                            
+REMARK 290 SYMMETRY OPERATORS FOR SPACE GROUP: P 21 21 21                       
+REMARK 290                                                                      
+REMARK 290      SYMOP   SYMMETRY                                                
+REMARK 290     NNNMMM   OPERATOR                                                
+REMARK 290       1555   X,Y,Z                                                   
+REMARK 290       2555   -X+1/2,-Y,Z+1/2                                         
+REMARK 290       3555   -X,Y+1/2,-Z+1/2                                         
+REMARK 290       4555   X+1/2,-Y+1/2,-Z                                         
+REMARK 290                                                                      
+REMARK 290     WHERE NNN -> OPERATOR NUMBER                                     
+REMARK 290           MMM -> TRANSLATION VECTOR                                  
+REMARK 290                                                                      
+REMARK 290 CRYSTALLOGRAPHIC SYMMETRY TRANSFORMATIONS                            
+REMARK 290 THE FOLLOWING TRANSFORMATIONS OPERATE ON THE ATOM/HETATM             
+REMARK 290 RECORDS IN THIS ENTRY TO PRODUCE CRYSTALLOGRAPHICALLY                
+REMARK 290 RELATED MOLECULES.                                                   
+REMARK 290   SMTRY1   1  1.000000  0.000000  0.000000        0.00000            
+REMARK 290   SMTRY2   1  0.000000  1.000000  0.000000        0.00000            
+REMARK 290   SMTRY3   1  0.000000  0.000000  1.000000        0.00000            
+REMARK 290   SMTRY1   2 -1.000000  0.000000  0.000000       18.51950            
+REMARK 290   SMTRY2   2  0.000000 -1.000000  0.000000        0.00000            
+REMARK 290   SMTRY3   2  0.000000  0.000000  1.000000       25.63850            
+REMARK 290   SMTRY1   3 -1.000000  0.000000  0.000000        0.00000            
+REMARK 290   SMTRY2   3  0.000000  1.000000  0.000000       12.54200            
+REMARK 290   SMTRY3   3  0.000000  0.000000 -1.000000       25.63850            
+REMARK 290   SMTRY1   4  1.000000  0.000000  0.000000       18.51950            
+REMARK 290   SMTRY2   4  0.000000 -1.000000  0.000000       12.54200            
+REMARK 290   SMTRY3   4  0.000000  0.000000 -1.000000        0.00000            
+REMARK 290                                                                      
+REMARK 290 REMARK: NULL                                                         
+REMARK 300                                                                      
+REMARK 300 BIOMOLECULE: 1                                                       
+REMARK 300 SEE REMARK 350 FOR THE AUTHOR PROVIDED AND/OR PROGRAM                
+REMARK 300 GENERATED ASSEMBLY INFORMATION FOR THE STRUCTURE IN                  
+REMARK 300 THIS ENTRY. THE REMARK MAY ALSO PROVIDE INFORMATION ON               
+REMARK 300 BURIED SURFACE AREA.                                                 
+REMARK 350                                                                      
+REMARK 350 COORDINATES FOR A COMPLETE MULTIMER REPRESENTING THE KNOWN           
+REMARK 350 BIOLOGICALLY SIGNIFICANT OLIGOMERIZATION STATE OF THE                
+REMARK 350 MOLECULE CAN BE GENERATED BY APPLYING BIOMT TRANSFORMATIONS          
+REMARK 350 GIVEN BELOW.  BOTH NON-CRYSTALLOGRAPHIC AND                          
+REMARK 350 CRYSTALLOGRAPHIC OPERATIONS ARE GIVEN.                               
+REMARK 350                                                                      
+REMARK 350 BIOMOLECULE: 1                                                       
+REMARK 350 AUTHOR DETERMINED BIOLOGICAL UNIT: MONOMERIC                         
+REMARK 350 APPLY THE FOLLOWING TO CHAINS: A                                     
+REMARK 350   BIOMT1   1  1.000000  0.000000  0.000000        0.00000            
+REMARK 350   BIOMT2   1  0.000000  1.000000  0.000000        0.00000            
+REMARK 350   BIOMT3   1  0.000000  0.000000  1.000000        0.00000            
+REMARK 500                                                                      
+REMARK 500 GEOMETRY AND STEREOCHEMISTRY                                         
+REMARK 500 SUBTOPIC: TORSION ANGLES                                             
+REMARK 500                                                                      
+REMARK 500 TORSION ANGLES OUTSIDE THE EXPECTED RAMACHANDRAN REGIONS:            
+REMARK 500 (M=MODEL NUMBER; RES=RESIDUE NAME; C=CHAIN IDENTIFIER;               
+REMARK 500 SSEQ=SEQUENCE NUMBER; I=INSERTION CODE).                             
+REMARK 500                                                                      
+REMARK 500 STANDARD TABLE:                                                      
+REMARK 500 FORMAT:(10X,I3,1X,A3,1X,A1,I4,A1,4X,F7.2,3X,F7.2)                    
+REMARK 500                                                                      
+REMARK 500 EXPECTED VALUES: GJ KLEYWEGT AND TA JONES (1996). PHI/PSI-           
+REMARK 500 CHOLOGY: RAMACHANDRAN REVISITED. STRUCTURE 4, 1395 - 1400            
+REMARK 500                                                                      
+REMARK 500  M RES CSSEQI        PSI       PHI                                   
+REMARK 500    ASN A   8       69.54   -117.60                                   
+REMARK 500                                                                      
+REMARK 500 REMARK: NULL                                                         
+DBREF  1PGA A    2    56  UNP    P06654   SPG1_STRSG     228    282             
+SEQRES   1 A   56  MET THR TYR LYS LEU ILE LEU ASN GLY LYS THR LEU LYS          
+SEQRES   2 A   56  GLY GLU THR THR THR GLU ALA VAL ASP ALA ALA THR ALA          
+SEQRES   3 A   56  GLU LYS VAL PHE LYS GLN TYR ALA ASN ASP ASN GLY VAL          
+SEQRES   4 A   56  ASP GLY GLU TRP THR TYR ASP ASP ALA THR LYS THR PHE          
+SEQRES   5 A   56  THR VAL THR GLU                                              
+FORMUL   2  HOH   *20(H2 O)                                                     
+HELIX    1   1 ALA A   23  ASP A   36  1                                  14    
+SHEET    1  S1 4 LEU A  12  ALA A  20  0                                        
+SHEET    2  S1 4 MET A   1  GLY A   9 -1                                        
+SHEET    3  S1 4 LYS A  50  GLU A  56  1                                        
+SHEET    4  S1 4 GLU A  42  ASP A  46 -1                                        
+CRYST1   37.039   25.084   51.277  90.00  90.00  90.00 P 21 21 21    4          
+ORIGX1      1.000000  0.000000  0.000000        0.00000                         
+ORIGX2      0.000000  1.000000  0.000000        0.00000                         
+ORIGX3      0.000000  0.000000  1.000000        0.00000                         
+SCALE1      0.026999  0.000000  0.000000        0.00000                         
+SCALE2      0.000000  0.039866  0.000000        0.00000                         
+SCALE3      0.000000  0.000000  0.019502        0.00000                         
+ATOM      1  N   MET A   1      26.778  34.213  35.880  1.00 14.61           N  
+ATOM      2  CA  MET A   1      26.659  32.769  36.242  1.00 16.66           C  
+ATOM      3  C   MET A   1      27.468  31.927  35.268  1.00 16.16           C  
+ATOM      4  O   MET A   1      27.699  32.342  34.110  1.00 15.79           O  
+ATOM      5  CB  MET A   1      25.202  32.296  36.219  1.00 15.87           C  
+ATOM      6  CG  MET A   1      24.345  32.901  37.319  1.00 18.67           C  
+ATOM      7  SD  MET A   1      22.647  32.419  37.205  1.00 18.22           S  
+ATOM      8  CE  MET A   1      22.101  32.510  39.040  1.00 18.66           C  
+ATOM      9  N   THR A   2      27.942  30.785  35.765  1.00 12.62           N  
+ATOM     10  CA  THR A   2      28.716  29.848  34.951  1.00 13.11           C  
+ATOM     11  C   THR A   2      27.810  28.681  34.500  1.00 12.17           C  
+ATOM     12  O   THR A   2      27.190  28.014  35.349  1.00 11.81           O  
+ATOM     13  CB  THR A   2      29.874  29.309  35.740  1.00 11.99           C  
+ATOM     14  OG1 THR A   2      30.690  30.402  36.160  1.00 14.02           O  
+ATOM     15  CG2 THR A   2      30.703  28.380  34.901  1.00 12.76           C  
+ATOM     16  N   TYR A   3      27.727  28.474  33.178  1.00 10.50           N  
+ATOM     17  CA  TYR A   3      26.925  27.439  32.581  1.00  8.87           C  
+ATOM     18  C   TYR A   3      27.786  26.384  31.926  1.00 10.84           C  
+ATOM     19  O   TYR A   3      28.925  26.623  31.562  1.00  9.00           O  
+ATOM     20  CB  TYR A   3      25.980  28.003  31.552  1.00  9.75           C  
+ATOM     21  CG  TYR A   3      25.043  29.056  32.084  1.00  9.86           C  
+ATOM     22  CD1 TYR A   3      25.494  30.368  32.275  1.00  9.28           C  
+ATOM     23  CD2 TYR A   3      23.704  28.754  32.362  1.00  8.58           C  
+ATOM     24  CE1 TYR A   3      24.649  31.353  32.728  1.00 10.76           C  
+ATOM     25  CE2 TYR A   3      22.841  29.745  32.816  1.00 12.25           C  
+ATOM     26  CZ  TYR A   3      23.334  31.057  32.992  1.00  9.45           C  
+ATOM     27  OH  TYR A   3      22.507  32.070  33.389  1.00 10.01           O  
+ATOM     28  N   LYS A   4      27.209  25.188  31.822  1.00  9.35           N  
+ATOM     29  CA  LYS A   4      27.880  24.053  31.245  1.00 12.62           C  
+ATOM     30  C   LYS A   4      27.146  23.549  30.005  1.00 10.41           C  
+ATOM     31  O   LYS A   4      25.927  23.642  29.883  1.00  8.07           O  
+ATOM     32  CB  LYS A   4      27.980  22.919  32.276  1.00 16.64           C  
+ATOM     33  CG  LYS A   4      28.614  21.682  31.687  1.00 23.52           C  
+ATOM     34  CD  LYS A   4      29.133  20.761  32.750  1.00 26.11           C  
+ATOM     35  CE  LYS A   4      28.104  19.671  33.082  1.00 32.58           C  
+ATOM     36  NZ  LYS A   4      28.622  18.689  34.151  1.00 33.40           N  
+ATOM     37  N   LEU A   5      27.906  23.017  29.076  1.00  8.27           N  
+ATOM     38  CA  LEU A   5      27.287  22.492  27.893  1.00  5.95           C  
+ATOM     39  C   LEU A   5      27.787  21.089  27.755  1.00  6.29           C  
+ATOM     40  O   LEU A   5      28.980  20.881  27.827  1.00  5.25           O  
+ATOM     41  CB  LEU A   5      27.718  23.274  26.662  1.00  5.32           C  
+ATOM     42  CG  LEU A   5      27.273  22.663  25.316  1.00  3.50           C  
+ATOM     43  CD1 LEU A   5      25.786  22.592  25.165  1.00  2.85           C  
+ATOM     44  CD2 LEU A   5      27.883  23.370  24.177  1.00  2.99           C  
+ATOM     45  N   ILE A   6      26.872  20.127  27.677  1.00  4.84           N  
+ATOM     46  CA  ILE A   6      27.234  18.718  27.430  1.00  6.82           C  
+ATOM     47  C   ILE A   6      26.857  18.445  25.938  1.00  6.98           C  
+ATOM     48  O   ILE A   6      25.684  18.610  25.488  1.00  5.70           O  
+ATOM     49  CB  ILE A   6      26.539  17.774  28.431  1.00  7.70           C  
+ATOM     50  CG1 ILE A   6      26.929  18.189  29.827  1.00  8.62           C  
+ATOM     51  CG2 ILE A   6      26.965  16.283  28.223  1.00  8.79           C  
+ATOM     52  CD1 ILE A   6      26.270  17.302  30.804  1.00 10.87           C  
+ATOM     53  N   LEU A   7      27.883  18.141  25.160  1.00  6.28           N  
+ATOM     54  CA  LEU A   7      27.753  17.891  23.727  1.00  6.59           C  
+ATOM     55  C   LEU A   7      27.760  16.412  23.441  1.00  6.58           C  
+ATOM     56  O   LEU A   7      28.779  15.768  23.693  1.00  6.52           O  
+ATOM     57  CB  LEU A   7      28.948  18.512  22.941  1.00  6.20           C  
+ATOM     58  CG  LEU A   7      29.329  19.998  23.037  1.00  7.38           C  
+ATOM     59  CD1 LEU A   7      30.665  20.164  23.746  1.00  5.51           C  
+ATOM     60  CD2 LEU A   7      29.401  20.599  21.670  1.00  5.66           C  
+ATOM     61  N   ASN A   8      26.656  15.886  22.895  1.00  7.07           N  
+ATOM     62  CA  ASN A   8      26.607  14.472  22.512  1.00  8.36           C  
+ATOM     63  C   ASN A   8      26.394  14.448  21.001  1.00  6.87           C  
+ATOM     64  O   ASN A   8      25.320  14.170  20.496  1.00  4.58           O  
+ATOM     65  CB  ASN A   8      25.509  13.703  23.253  1.00 11.84           C  
+ATOM     66  CG  ASN A   8      25.427  12.198  22.812  1.00 17.44           C  
+ATOM     67  OD1 ASN A   8      26.442  11.493  22.723  1.00 17.86           O  
+ATOM     68  ND2 ASN A   8      24.216  11.740  22.470  1.00 19.85           N  
+ATOM     69  N   GLY A   9      27.390  14.850  20.248  1.00  6.96           N  
+ATOM     70  CA  GLY A   9      27.190  14.807  18.805  1.00  6.92           C  
+ATOM     71  C   GLY A   9      27.687  13.461  18.292  1.00  8.02           C  
+ATOM     72  O   GLY A   9      28.202  12.631  19.096  1.00  7.55           O  
+ATOM     73  N   LYS A  10      27.644  13.275  16.967  1.00  7.38           N  
+ATOM     74  CA  LYS A  10      28.097  12.053  16.383  1.00  7.81           C  
+ATOM     75  C   LYS A  10      29.608  12.016  16.332  1.00  8.00           C  
+ATOM     76  O   LYS A  10      30.227  10.985  16.633  1.00  5.03           O  
+ATOM     77  CB  LYS A  10      27.505  11.913  15.016  1.00 11.98           C  
+ATOM     78  CG  LYS A  10      26.053  11.530  15.078  1.00 16.38           C  
+ATOM     79  CD  LYS A  10      25.221  12.127  13.918  1.00 24.20           C  
+ATOM     80  CE  LYS A  10      25.741  11.707  12.492  1.00 27.12           C  
+ATOM     81  NZ  LYS A  10      24.966  12.355  11.327  1.00 27.49           N  
+ATOM     82  N   THR A  11      30.199  13.192  16.095  1.00  7.50           N  
+ATOM     83  CA  THR A  11      31.651  13.369  15.973  1.00  8.20           C  
+ATOM     84  C   THR A  11      32.334  13.991  17.218  1.00  7.89           C  
+ATOM     85  O   THR A  11      33.420  13.607  17.586  1.00  7.61           O  
+ATOM     86  CB  THR A  11      31.956  14.339  14.801  1.00  9.35           C  
+ATOM     87  OG1 THR A  11      31.318  13.897  13.603  1.00 10.85           O  
+ATOM     88  CG2 THR A  11      33.421  14.517  14.602  1.00 12.32           C  
+ATOM     89  N   LEU A  12      31.689  14.980  17.820  1.00  8.58           N  
+ATOM     90  CA  LEU A  12      32.240  15.708  18.937  1.00  7.27           C  
+ATOM     91  C   LEU A  12      31.473  15.439  20.241  1.00  7.67           C  
+ATOM     92  O   LEU A  12      30.249  15.645  20.358  1.00  7.27           O  
+ATOM     93  CB  LEU A  12      32.162  17.199  18.564  1.00  8.71           C  
+ATOM     94  CG  LEU A  12      33.156  18.300  18.949  1.00 10.48           C  
+ATOM     95  CD1 LEU A  12      32.341  19.601  19.228  1.00  9.21           C  
+ATOM     96  CD2 LEU A  12      34.036  17.907  20.136  1.00  8.42           C  
+ATOM     97  N   LYS A  13      32.202  15.087  21.265  1.00  5.43           N  
+ATOM     98  CA  LYS A  13      31.559  14.806  22.513  1.00  7.07           C  
+ATOM     99  C   LYS A  13      32.382  15.429  23.592  1.00  7.64           C  
+ATOM    100  O   LYS A  13      33.586  15.394  23.538  1.00  6.64           O  
+ATOM    101  CB  LYS A  13      31.508  13.303  22.723  1.00  8.04           C  
+ATOM    102  CG  LYS A  13      30.511  12.591  21.829  1.00  9.13           C  
+ATOM    103  CD  LYS A  13      30.582  11.080  22.038  1.00  9.99           C  
+ATOM    104  CE  LYS A  13      29.510  10.370  21.214  1.00  9.64           C  
+ATOM    105  NZ  LYS A  13      29.903  10.422  19.840  1.00  9.79           N  
+ATOM    106  N   GLY A  14      31.742  16.049  24.564  1.00  8.08           N  
+ATOM    107  CA  GLY A  14      32.551  16.607  25.608  1.00 10.91           C  
+ATOM    108  C   GLY A  14      31.784  17.507  26.519  1.00 13.82           C  
+ATOM    109  O   GLY A  14      30.540  17.459  26.526  1.00 12.43           O  
+ATOM    110  N   GLU A  15      32.511  18.353  27.246  1.00 12.18           N  
+ATOM    111  CA  GLU A  15      31.885  19.251  28.169  1.00 13.37           C  
+ATOM    112  C   GLU A  15      32.675  20.541  28.212  1.00 13.44           C  
+ATOM    113  O   GLU A  15      33.918  20.512  28.139  1.00 11.68           O  
+ATOM    114  CB  GLU A  15      31.955  18.585  29.514  1.00 16.38           C  
+ATOM    115  CG  GLU A  15      31.160  19.175  30.617  1.00 20.75           C  
+ATOM    116  CD  GLU A  15      30.988  18.128  31.732  1.00 22.61           C  
+ATOM    117  OE1 GLU A  15      30.231  17.132  31.558  1.00 24.56           O  
+ATOM    118  OE2 GLU A  15      31.675  18.255  32.749  1.00 22.88           O  
+ATOM    119  N   THR A  16      31.962  21.662  28.166  1.00 10.94           N  
+ATOM    120  CA  THR A  16      32.590  22.952  28.314  1.00 12.35           C  
+ATOM    121  C   THR A  16      31.657  23.748  29.154  1.00 11.69           C  
+ATOM    122  O   THR A  16      30.560  23.313  29.424  1.00  9.43           O  
+ATOM    123  CB  THR A  16      32.843  23.745  27.020  1.00 13.36           C  
+ATOM    124  OG1 THR A  16      31.691  23.719  26.139  1.00 16.26           O  
+ATOM    125  CG2 THR A  16      34.010  23.231  26.342  1.00 20.68           C  
+ATOM    126  N   THR A  17      32.102  24.933  29.549  1.00 12.87           N  
+ATOM    127  CA  THR A  17      31.337  25.872  30.369  1.00 13.13           C  
+ATOM    128  C   THR A  17      31.442  27.293  29.794  1.00 15.23           C  
+ATOM    129  O   THR A  17      32.280  27.575  28.937  1.00 12.64           O  
+ATOM    130  CB  THR A  17      31.906  25.957  31.777  1.00 13.66           C  
+ATOM    131  OG1 THR A  17      33.175  26.606  31.730  1.00 12.04           O  
+ATOM    132  CG2 THR A  17      32.089  24.590  32.337  1.00 12.62           C  
+ATOM    133  N   THR A  18      30.560  28.182  30.238  1.00 13.46           N  
+ATOM    134  CA  THR A  18      30.648  29.569  29.782  1.00 16.10           C  
+ATOM    135  C   THR A  18      30.183  30.439  30.924  1.00 15.95           C  
+ATOM    136  O   THR A  18      29.659  29.918  31.883  1.00 16.00           O  
+ATOM    137  CB  THR A  18      29.809  29.875  28.486  1.00 15.44           C  
+ATOM    138  OG1 THR A  18      30.308  31.072  27.882  1.00 14.31           O  
+ATOM    139  CG2 THR A  18      28.342  30.070  28.789  1.00 15.16           C  
+ATOM    140  N   GLU A  19      30.512  31.719  30.863  1.00 14.78           N  
+ATOM    141  CA  GLU A  19      30.112  32.696  31.870  1.00 18.12           C  
+ATOM    142  C   GLU A  19      29.090  33.566  31.129  1.00 14.65           C  
+ATOM    143  O   GLU A  19      29.308  33.925  29.998  1.00 16.84           O  
+ATOM    144  CB  GLU A  19      31.332  33.552  32.303  1.00 22.39           C  
+ATOM    145  CG  GLU A  19      31.413  33.990  33.814  1.00 28.69           C  
+ATOM    146  CD  GLU A  19      30.348  35.085  34.267  1.00 35.12           C  
+ATOM    147  OE1 GLU A  19      29.864  35.904  33.419  1.00 35.81           O  
+ATOM    148  OE2 GLU A  19      30.010  35.143  35.495  1.00 33.84           O  
+ATOM    149  N   ALA A  20      27.930  33.807  31.698  1.00 11.79           N  
+ATOM    150  CA  ALA A  20      26.954  34.653  31.011  1.00 11.11           C  
+ATOM    151  C   ALA A  20      25.998  35.271  32.023  1.00 11.25           C  
+ATOM    152  O   ALA A  20      25.861  34.745  33.095  1.00 10.25           O  
+ATOM    153  CB  ALA A  20      26.175  33.859  29.917  1.00 10.30           C  
+ATOM    154  N   VAL A  21      25.406  36.414  31.687  1.00 11.64           N  
+ATOM    155  CA  VAL A  21      24.428  37.125  32.548  1.00 13.50           C  
+ATOM    156  C   VAL A  21      23.176  36.342  32.872  1.00 13.35           C  
+ATOM    157  O   VAL A  21      22.648  36.441  33.968  1.00 13.80           O  
+ATOM    158  CB  VAL A  21      23.894  38.488  31.924  1.00 15.00           C  
+ATOM    159  CG1 VAL A  21      24.715  39.622  32.402  1.00 13.17           C  
+ATOM    160  CG2 VAL A  21      23.842  38.429  30.361  1.00 13.88           C  
+ATOM    161  N   ASP A  22      22.687  35.605  31.888  1.00 12.32           N  
+ATOM    162  CA  ASP A  22      21.526  34.808  32.082  1.00 10.39           C  
+ATOM    163  C   ASP A  22      21.599  33.656  31.128  1.00 10.50           C  
+ATOM    164  O   ASP A  22      22.473  33.619  30.238  1.00  9.88           O  
+ATOM    165  CB  ASP A  22      20.243  35.635  31.899  1.00 11.05           C  
+ATOM    166  CG  ASP A  22      20.069  36.160  30.520  1.00 12.87           C  
+ATOM    167  OD1 ASP A  22      20.821  35.774  29.607  1.00 16.26           O  
+ATOM    168  OD2 ASP A  22      19.146  36.972  30.319  1.00 16.47           O  
+ATOM    169  N   ALA A  23      20.639  32.740  31.269  1.00  8.81           N  
+ATOM    170  CA  ALA A  23      20.561  31.551  30.430  1.00  6.96           C  
+ATOM    171  C   ALA A  23      20.321  31.844  28.931  1.00  5.92           C  
+ATOM    172  O   ALA A  23      20.824  31.129  28.069  1.00  8.19           O  
+ATOM    173  CB  ALA A  23      19.503  30.664  30.975  1.00  6.19           C  
+ATOM    174  N   ALA A  24      19.543  32.880  28.616  1.00  4.63           N  
+ATOM    175  CA  ALA A  24      19.237  33.239  27.218  1.00  5.79           C  
+ATOM    176  C   ALA A  24      20.490  33.638  26.483  1.00  6.14           C  
+ATOM    177  O   ALA A  24      20.643  33.370  25.310  1.00  8.27           O  
+ATOM    178  CB  ALA A  24      18.162  34.389  27.146  1.00  5.79           C  
+ATOM    179  N   THR A  25      21.411  34.253  27.198  1.00  7.31           N  
+ATOM    180  CA  THR A  25      22.642  34.663  26.595  1.00  7.61           C  
+ATOM    181  C   THR A  25      23.567  33.440  26.482  1.00  8.29           C  
+ATOM    182  O   THR A  25      24.190  33.275  25.431  1.00  7.36           O  
+ATOM    183  CB  THR A  25      23.295  35.861  27.358  1.00  9.87           C  
+ATOM    184  OG1 THR A  25      22.376  36.945  27.421  1.00 15.99           O  
+ATOM    185  CG2 THR A  25      24.436  36.418  26.612  1.00  7.83           C  
+ATOM    186  N   ALA A  26      23.632  32.570  27.510  1.00  6.72           N  
+ATOM    187  CA  ALA A  26      24.499  31.366  27.438  1.00  9.64           C  
+ATOM    188  C   ALA A  26      24.004  30.444  26.304  1.00 10.01           C  
+ATOM    189  O   ALA A  26      24.795  29.892  25.550  1.00 10.49           O  
+ATOM    190  CB  ALA A  26      24.554  30.606  28.803  1.00  6.87           C  
+ATOM    191  N   GLU A  27      22.691  30.378  26.130  1.00 11.53           N  
+ATOM    192  CA  GLU A  27      22.101  29.590  25.062  1.00 13.51           C  
+ATOM    193  C   GLU A  27      22.566  30.053  23.656  1.00 13.78           C  
+ATOM    194  O   GLU A  27      22.766  29.254  22.743  1.00 12.47           O  
+ATOM    195  CB  GLU A  27      20.587  29.689  25.128  1.00 15.82           C  
+ATOM    196  CG  GLU A  27      19.983  28.615  24.307  1.00 21.36           C  
+ATOM    197  CD  GLU A  27      18.724  29.052  23.663  1.00 23.07           C  
+ATOM    198  OE1 GLU A  27      17.994  29.851  24.306  1.00 25.94           O  
+ATOM    199  OE2 GLU A  27      18.462  28.615  22.521  1.00 23.21           O  
+ATOM    200  N   LYS A  28      22.706  31.360  23.469  1.00 15.31           N  
+ATOM    201  CA  LYS A  28      23.180  31.932  22.177  1.00 13.12           C  
+ATOM    202  C   LYS A  28      24.673  31.606  21.915  1.00  9.68           C  
+ATOM    203  O   LYS A  28      25.086  31.328  20.783  1.00  8.78           O  
+ATOM    204  CB  LYS A  28      23.016  33.469  22.176  1.00 14.23           C  
+ATOM    205  CG  LYS A  28      21.731  34.012  21.531  1.00 17.45           C  
+ATOM    206  CD  LYS A  28      20.541  34.029  22.467  1.00 18.36           C  
+ATOM    207  CE  LYS A  28      19.944  32.644  22.755  1.00 18.63           C  
+ATOM    208  NZ  LYS A  28      18.765  32.791  23.728  1.00 17.32           N  
+ATOM    209  N   VAL A  29      25.471  31.760  22.968  1.00  8.13           N  
+ATOM    210  CA  VAL A  29      26.885  31.515  22.924  1.00  7.52           C  
+ATOM    211  C   VAL A  29      27.147  30.039  22.603  1.00  6.40           C  
+ATOM    212  O   VAL A  29      27.990  29.702  21.779  1.00  6.66           O  
+ATOM    213  CB  VAL A  29      27.486  31.891  24.303  1.00  7.57           C  
+ATOM    214  CG1 VAL A  29      28.899  31.370  24.409  1.00  7.89           C  
+ATOM    215  CG2 VAL A  29      27.458  33.433  24.518  1.00  6.16           C  
+ATOM    216  N   PHE A  30      26.469  29.154  23.332  1.00  7.49           N  
+ATOM    217  CA  PHE A  30      26.606  27.707  23.121  1.00  7.01           C  
+ATOM    218  C   PHE A  30      26.136  27.212  21.756  1.00  7.21           C  
+ATOM    219  O   PHE A  30      26.792  26.404  21.128  1.00  6.86           O  
+ATOM    220  CB  PHE A  30      25.893  26.960  24.228  1.00  7.00           C  
+ATOM    221  CG  PHE A  30      26.665  26.936  25.514  1.00  6.05           C  
+ATOM    222  CD1 PHE A  30      28.066  26.954  25.508  1.00  4.97           C  
+ATOM    223  CD2 PHE A  30      26.001  26.842  26.735  1.00  4.70           C  
+ATOM    224  CE1 PHE A  30      28.786  26.873  26.704  1.00  3.77           C  
+ATOM    225  CE2 PHE A  30      26.724  26.763  27.921  1.00  4.13           C  
+ATOM    226  CZ  PHE A  30      28.118  26.780  27.893  1.00  2.96           C  
+ATOM    227  N   LYS A  31      25.007  27.737  21.289  1.00  9.22           N  
+ATOM    228  CA  LYS A  31      24.465  27.362  20.003  1.00  9.74           C  
+ATOM    229  C   LYS A  31      25.468  27.769  18.973  1.00 10.79           C  
+ATOM    230  O   LYS A  31      25.726  27.029  18.067  1.00 11.32           O  
+ATOM    231  CB  LYS A  31      23.164  28.080  19.739  1.00 10.71           C  
+ATOM    232  CG  LYS A  31      21.959  27.448  20.394  1.00 15.00           C  
+ATOM    233  CD  LYS A  31      21.142  26.655  19.377  1.00 18.28           C  
+ATOM    234  CE  LYS A  31      19.630  26.666  19.692  1.00 20.79           C  
+ATOM    235  NZ  LYS A  31      19.282  26.112  21.023  1.00 19.71           N  
+ATOM    236  N   GLN A  32      26.018  28.963  19.088  1.00  9.07           N  
+ATOM    237  CA  GLN A  32      27.009  29.365  18.127  1.00 10.35           C  
+ATOM    238  C   GLN A  32      28.242  28.433  18.223  1.00  9.02           C  
+ATOM    239  O   GLN A  32      28.852  28.088  17.218  1.00  8.60           O  
+ATOM    240  CB  GLN A  32      27.401  30.823  18.374  1.00 11.61           C  
+ATOM    241  CG  GLN A  32      28.527  31.312  17.476  1.00 11.88           C  
+ATOM    242  CD  GLN A  32      28.791  32.813  17.645  1.00 13.83           C  
+ATOM    243  OE1 GLN A  32      28.586  33.364  18.726  1.00 15.61           O  
+ATOM    244  NE2 GLN A  32      29.172  33.478  16.571  1.00 12.31           N  
+ATOM    245  N   TYR A  33      28.656  28.118  19.451  1.00  8.39           N  
+ATOM    246  CA  TYR A  33      29.773  27.206  19.679  1.00  6.40           C  
+ATOM    247  C   TYR A  33      29.509  25.862  18.941  1.00  5.87           C  
+ATOM    248  O   TYR A  33      30.320  25.372  18.149  1.00  4.80           O  
+ATOM    249  CB  TYR A  33      29.946  27.000  21.178  1.00  6.67           C  
+ATOM    250  CG  TYR A  33      31.015  25.993  21.502  1.00  6.95           C  
+ATOM    251  CD1 TYR A  33      32.355  26.338  21.387  1.00  7.21           C  
+ATOM    252  CD2 TYR A  33      30.689  24.686  21.899  1.00  6.38           C  
+ATOM    253  CE1 TYR A  33      33.374  25.417  21.669  1.00  9.67           C  
+ATOM    254  CE2 TYR A  33      31.674  23.754  22.177  1.00  6.66           C  
+ATOM    255  CZ  TYR A  33      33.027  24.125  22.072  1.00  8.46           C  
+ATOM    256  OH  TYR A  33      34.039  23.263  22.408  1.00  9.40           O  
+ATOM    257  N   ALA A  34      28.338  25.291  19.178  1.00  7.50           N  
+ATOM    258  CA  ALA A  34      27.920  24.046  18.545  1.00  8.91           C  
+ATOM    259  C   ALA A  34      27.949  24.186  17.057  1.00 10.19           C  
+ATOM    260  O   ALA A  34      28.450  23.338  16.372  1.00  9.37           O  
+ATOM    261  CB  ALA A  34      26.496  23.710  18.955  1.00  7.87           C  
+ATOM    262  N   ASN A  35      27.384  25.279  16.574  1.00 11.90           N  
+ATOM    263  CA  ASN A  35      27.274  25.513  15.161  1.00 14.15           C  
+ATOM    264  C   ASN A  35      28.633  25.557  14.477  1.00 13.33           C  
+ATOM    265  O   ASN A  35      28.846  24.927  13.425  1.00 10.58           O  
+ATOM    266  CB  ASN A  35      26.487  26.810  14.914  1.00 20.29           C  
+ATOM    267  CG  ASN A  35      24.932  26.584  14.787  1.00 23.22           C  
+ATOM    268  OD1 ASN A  35      24.309  27.068  13.800  1.00 26.74           O  
+ATOM    269  ND2 ASN A  35      24.299  25.919  15.788  1.00 21.89           N  
+ATOM    270  N   ASP A  36      29.550  26.286  15.097  1.00 10.96           N  
+ATOM    271  CA  ASP A  36      30.915  26.410  14.554  1.00 14.21           C  
+ATOM    272  C   ASP A  36      31.675  25.089  14.557  1.00  9.94           C  
+ATOM    273  O   ASP A  36      32.637  24.933  13.842  1.00 11.88           O  
+ATOM    274  CB  ASP A  36      31.737  27.446  15.334  1.00 13.30           C  
+ATOM    275  CG  ASP A  36      31.270  28.892  15.089  1.00 19.45           C  
+ATOM    276  OD1 ASP A  36      30.426  29.168  14.164  1.00 17.91           O  
+ATOM    277  OD2 ASP A  36      31.807  29.761  15.834  1.00 18.68           O  
+ATOM    278  N   ASN A  37      31.237  24.154  15.379  1.00 10.35           N  
+ATOM    279  CA  ASN A  37      31.910  22.848  15.442  1.00 10.08           C  
+ATOM    280  C   ASN A  37      31.204  21.703  14.705  1.00  8.66           C  
+ATOM    281  O   ASN A  37      31.499  20.533  14.960  1.00 10.48           O  
+ATOM    282  CB  ASN A  37      32.217  22.467  16.889  1.00  9.61           C  
+ATOM    283  CG  ASN A  37      33.232  23.388  17.496  1.00 10.43           C  
+ATOM    284  OD1 ASN A  37      34.434  23.277  17.242  1.00 10.40           O  
+ATOM    285  ND2 ASN A  37      32.760  24.275  18.360  1.00 10.05           N  
+ATOM    286  N   GLY A  38      30.255  22.076  13.847  1.00  7.27           N  
+ATOM    287  CA  GLY A  38      29.514  21.139  13.029  1.00  9.93           C  
+ATOM    288  C   GLY A  38      28.423  20.349  13.682  1.00  9.26           C  
+ATOM    289  O   GLY A  38      27.981  19.401  13.076  1.00 10.47           O  
+ATOM    290  N   VAL A  39      28.018  20.735  14.895  1.00  9.93           N  
+ATOM    291  CA  VAL A  39      26.982  20.057  15.673  1.00 11.05           C  
+ATOM    292  C   VAL A  39      25.623  20.694  15.351  1.00 13.05           C  
+ATOM    293  O   VAL A  39      25.519  21.922  15.147  1.00 13.46           O  
+ATOM    294  CB  VAL A  39      27.256  20.156  17.179  1.00 11.99           C  
+ATOM    295  CG1 VAL A  39      26.190  19.386  17.992  1.00 11.01           C  
+ATOM    296  CG2 VAL A  39      28.618  19.623  17.474  1.00 12.09           C  
+ATOM    297  N   ASP A  40      24.627  19.823  15.237  1.00 12.80           N  
+ATOM    298  CA  ASP A  40      23.273  20.165  14.911  1.00 16.78           C  
+ATOM    299  C   ASP A  40      22.364  19.106  15.560  1.00 16.32           C  
+ATOM    300  O   ASP A  40      22.057  18.080  14.952  1.00 17.59           O  
+ATOM    301  CB  ASP A  40      23.133  20.098  13.390  1.00 19.31           C  
+ATOM    302  CG  ASP A  40      21.922  20.848  12.870  1.00 21.54           C  
+ATOM    303  OD1 ASP A  40      21.056  21.312  13.659  1.00 21.98           O  
+ATOM    304  OD2 ASP A  40      21.855  20.980  11.621  1.00 27.00           O  
+ATOM    305  N   GLY A  41      21.933  19.353  16.786  1.00 15.38           N  
+ATOM    306  CA  GLY A  41      21.070  18.388  17.442  1.00 14.55           C  
+ATOM    307  C   GLY A  41      19.901  18.972  18.209  1.00 13.77           C  
+ATOM    308  O   GLY A  41      19.433  20.086  17.910  1.00 14.74           O  
+ATOM    309  N   GLU A  42      19.370  18.175  19.131  1.00 14.03           N  
+ATOM    310  CA  GLU A  42      18.281  18.573  20.025  1.00 15.15           C  
+ATOM    311  C   GLU A  42      18.921  19.078  21.289  1.00 13.42           C  
+ATOM    312  O   GLU A  42      19.965  18.538  21.727  1.00  9.64           O  
+ATOM    313  CB  GLU A  42      17.322  17.413  20.322  1.00 20.68           C  
+ATOM    314  CG  GLU A  42      16.345  17.122  19.126  1.00 26.20           C  
+ATOM    315  CD  GLU A  42      15.372  15.922  19.367  1.00 32.15           C  
+ATOM    316  OE1 GLU A  42      15.872  14.870  19.871  1.00 32.35           O  
+ATOM    317  OE2 GLU A  42      14.131  16.030  19.037  1.00 31.50           O  
+ATOM    318  N   TRP A  43      18.309  20.141  21.827  1.00 10.40           N  
+ATOM    319  CA  TRP A  43      18.773  20.830  23.024  1.00  8.43           C  
+ATOM    320  C   TRP A  43      17.801  20.725  24.189  1.00  9.38           C  
+ATOM    321  O   TRP A  43      16.599  20.589  24.004  1.00 10.29           O  
+ATOM    322  CB  TRP A  43      18.916  22.349  22.770  1.00  8.33           C  
+ATOM    323  CG  TRP A  43      19.989  22.746  21.842  1.00  7.08           C  
+ATOM    324  CD1 TRP A  43      19.989  22.613  20.492  1.00  8.75           C  
+ATOM    325  CD2 TRP A  43      21.244  23.292  22.191  1.00  7.08           C  
+ATOM    326  NE1 TRP A  43      21.189  23.036  19.961  1.00  5.66           N  
+ATOM    327  CE2 TRP A  43      21.986  23.454  20.988  1.00  7.08           C  
+ATOM    328  CE3 TRP A  43      21.832  23.656  23.393  1.00  7.63           C  
+ATOM    329  CZ2 TRP A  43      23.285  23.970  20.963  1.00  7.00           C  
+ATOM    330  CZ3 TRP A  43      23.098  24.165  23.376  1.00  7.78           C  
+ATOM    331  CH2 TRP A  43      23.826  24.318  22.161  1.00  7.62           C  
+ATOM    332  N   THR A  44      18.341  20.860  25.397  1.00  6.73           N  
+ATOM    333  CA  THR A  44      17.568  20.872  26.600  1.00  7.41           C  
+ATOM    334  C   THR A  44      18.370  21.803  27.458  1.00  7.32           C  
+ATOM    335  O   THR A  44      19.564  22.051  27.162  1.00  8.30           O  
+ATOM    336  CB  THR A  44      17.477  19.475  27.325  1.00  6.34           C  
+ATOM    337  OG1 THR A  44      18.768  19.116  27.844  1.00  8.74           O  
+ATOM    338  CG2 THR A  44      16.965  18.331  26.382  1.00  4.42           C  
+ATOM    339  N   TYR A  45      17.707  22.422  28.434  1.00  6.33           N  
+ATOM    340  CA  TYR A  45      18.383  23.292  29.382  1.00  6.58           C  
+ATOM    341  C   TYR A  45      17.795  22.951  30.738  1.00  6.24           C  
+ATOM    342  O   TYR A  45      16.594  22.894  30.859  1.00  8.16           O  
+ATOM    343  CB  TYR A  45      18.153  24.791  29.123  1.00  6.32           C  
+ATOM    344  CG  TYR A  45      18.630  25.646  30.300  1.00  7.32           C  
+ATOM    345  CD1 TYR A  45      19.993  25.696  30.649  1.00  6.00           C  
+ATOM    346  CD2 TYR A  45      17.716  26.386  31.095  1.00  7.75           C  
+ATOM    347  CE1 TYR A  45      20.434  26.427  31.704  1.00  6.17           C  
+ATOM    348  CE2 TYR A  45      18.165  27.134  32.159  1.00  8.06           C  
+ATOM    349  CZ  TYR A  45      19.531  27.144  32.461  1.00  6.37           C  
+ATOM    350  OH  TYR A  45      20.003  27.846  33.547  1.00  7.74           O  
+ATOM    351  N   ASP A  46      18.637  22.717  31.736  1.00  6.35           N  
+ATOM    352  CA  ASP A  46      18.189  22.395  33.084  1.00  6.11           C  
+ATOM    353  C   ASP A  46      18.762  23.422  34.046  1.00  7.28           C  
+ATOM    354  O   ASP A  46      19.956  23.402  34.423  1.00  4.29           O  
+ATOM    355  CB  ASP A  46      18.608  20.963  33.468  1.00  7.79           C  
+ATOM    356  CG  ASP A  46      18.147  20.542  34.888  1.00  7.44           C  
+ATOM    357  OD1 ASP A  46      17.386  21.232  35.591  1.00  5.00           O  
+ATOM    358  OD2 ASP A  46      18.551  19.448  35.270  1.00  9.02           O  
+ATOM    359  N   ASP A  47      17.863  24.323  34.417  1.00  6.68           N  
+ATOM    360  CA  ASP A  47      18.172  25.408  35.266  1.00  8.65           C  
+ATOM    361  C   ASP A  47      18.635  24.975  36.607  1.00 10.53           C  
+ATOM    362  O   ASP A  47      19.331  25.709  37.256  1.00 10.10           O  
+ATOM    363  CB  ASP A  47      16.952  26.264  35.444  1.00  9.98           C  
+ATOM    364  CG  ASP A  47      17.294  27.588  36.038  1.00 13.07           C  
+ATOM    365  OD1 ASP A  47      18.182  28.307  35.517  1.00 11.85           O  
+ATOM    366  OD2 ASP A  47      16.710  27.874  37.084  1.00 14.99           O  
+ATOM    367  N   ALA A  48      18.101  23.853  37.083  1.00 10.72           N  
+ATOM    368  CA  ALA A  48      18.486  23.283  38.379  1.00  9.53           C  
+ATOM    369  C   ALA A  48      19.959  22.961  38.447  1.00  8.82           C  
+ATOM    370  O   ALA A  48      20.523  22.904  39.507  1.00 10.62           O  
+ATOM    371  CB  ALA A  48      17.677  22.025  38.647  1.00 11.11           C  
+ATOM    372  N   THR A  49      20.603  22.757  37.316  1.00  9.51           N  
+ATOM    373  CA  THR A  49      22.029  22.470  37.333  1.00  8.40           C  
+ATOM    374  C   THR A  49      22.748  23.435  36.395  1.00  7.98           C  
+ATOM    375  O   THR A  49      23.941  23.324  36.212  1.00  9.23           O  
+ATOM    376  CB  THR A  49      22.345  20.975  36.913  1.00  8.34           C  
+ATOM    377  OG1 THR A  49      22.050  20.810  35.525  1.00  6.78           O  
+ATOM    378  CG2 THR A  49      21.457  19.962  37.702  1.00  6.32           C  
+ATOM    379  N   LYS A  50      22.009  24.371  35.800  1.00  7.05           N  
+ATOM    380  CA  LYS A  50      22.552  25.343  34.873  1.00  8.49           C  
+ATOM    381  C   LYS A  50      23.219  24.646  33.689  1.00  8.72           C  
+ATOM    382  O   LYS A  50      24.189  25.166  33.141  1.00  8.51           O  
+ATOM    383  CB  LYS A  50      23.573  26.291  35.570  1.00 11.17           C  
+ATOM    384  CG  LYS A  50      23.028  27.095  36.711  1.00 10.11           C  
+ATOM    385  CD  LYS A  50      21.867  27.977  36.252  1.00 13.37           C  
+ATOM    386  CE  LYS A  50      21.143  28.680  37.483  1.00 12.12           C  
+ATOM    387  NZ  LYS A  50      20.184  29.770  37.143  1.00 15.16           N  
+ATOM    388  N   THR A  51      22.654  23.514  33.255  1.00  7.92           N  
+ATOM    389  CA  THR A  51      23.221  22.742  32.156  1.00  7.95           C  
+ATOM    390  C   THR A  51      22.435  22.672  30.858  1.00  5.18           C  
+ATOM    391  O   THR A  51      21.235  22.535  30.854  1.00  3.35           O  
+ATOM    392  CB  THR A  51      23.549  21.266  32.600  1.00  8.94           C  
+ATOM    393  OG1 THR A  51      24.412  21.311  33.730  1.00 10.06           O  
+ATOM    394  CG2 THR A  51      24.324  20.498  31.477  1.00 11.18           C  
+ATOM    395  N   PHE A  52      23.152  22.808  29.756  1.00  3.88           N  
+ATOM    396  CA  PHE A  52      22.568  22.724  28.431  1.00  5.35           C  
+ATOM    397  C   PHE A  52      23.139  21.448  27.853  1.00  5.94           C  
+ATOM    398  O   PHE A  52      24.298  21.110  28.112  1.00  7.60           O  
+ATOM    399  CB  PHE A  52      23.077  23.828  27.506  1.00  4.56           C  
+ATOM    400  CG  PHE A  52      22.484  25.155  27.766  1.00  5.80           C  
+ATOM    401  CD1 PHE A  52      22.962  25.955  28.824  1.00  6.35           C  
+ATOM    402  CD2 PHE A  52      21.488  25.630  26.943  1.00  6.87           C  
+ATOM    403  CE1 PHE A  52      22.460  27.242  29.066  1.00  6.65           C  
+ATOM    404  CE2 PHE A  52      20.946  26.900  27.152  1.00  7.62           C  
+ATOM    405  CZ  PHE A  52      21.438  27.729  28.226  1.00  7.28           C  
+ATOM    406  N   THR A  53      22.359  20.748  27.052  1.00  5.79           N  
+ATOM    407  CA  THR A  53      22.885  19.561  26.411  1.00  5.92           C  
+ATOM    408  C   THR A  53      22.419  19.621  24.955  1.00  5.65           C  
+ATOM    409  O   THR A  53      21.309  20.087  24.688  1.00  6.81           O  
+ATOM    410  CB  THR A  53      22.400  18.226  27.067  1.00  5.16           C  
+ATOM    411  OG1 THR A  53      21.054  17.997  26.672  1.00  9.40           O  
+ATOM    412  CG2 THR A  53      22.407  18.291  28.569  1.00  5.06           C  
+ATOM    413  N   VAL A  54      23.285  19.248  24.008  1.00  5.98           N  
+ATOM    414  CA  VAL A  54      22.856  19.172  22.598  1.00  5.44           C  
+ATOM    415  C   VAL A  54      23.112  17.708  22.184  1.00  4.77           C  
+ATOM    416  O   VAL A  54      24.161  17.151  22.491  1.00  3.99           O  
+ATOM    417  CB  VAL A  54      23.576  20.167  21.671  1.00  3.09           C  
+ATOM    418  CG1 VAL A  54      25.091  20.092  21.843  1.00  3.65           C  
+ATOM    419  CG2 VAL A  54      23.136  19.922  20.206  1.00  5.10           C  
+ATOM    420  N   THR A  55      22.210  17.134  21.421  1.00  5.48           N  
+ATOM    421  CA  THR A  55      22.364  15.731  21.085  1.00  6.69           C  
+ATOM    422  C   THR A  55      22.039  15.472  19.632  1.00  8.52           C  
+ATOM    423  O   THR A  55      20.995  15.860  19.189  1.00 12.30           O  
+ATOM    424  CB  THR A  55      21.406  14.955  21.979  1.00  5.30           C  
+ATOM    425  OG1 THR A  55      21.786  15.194  23.326  1.00  4.67           O  
+ATOM    426  CG2 THR A  55      21.441  13.470  21.755  1.00  6.00           C  
+ATOM    427  N   GLU A  56      22.905  14.843  18.864  1.00  8.91           N  
+ATOM    428  CA  GLU A  56      22.553  14.567  17.468  1.00 13.22           C  
+ATOM    429  C   GLU A  56      22.022  13.143  17.330  1.00 13.01           C  
+ATOM    430  O   GLU A  56      22.353  12.301  18.190  1.00 14.55           O  
+ATOM    431  CB  GLU A  56      23.736  14.723  16.538  1.00 13.01           C  
+ATOM    432  CG  GLU A  56      24.277  16.065  16.470  1.00 14.87           C  
+ATOM    433  CD  GLU A  56      25.430  16.161  15.494  1.00 15.68           C  
+ATOM    434  OE1 GLU A  56      26.403  15.371  15.576  1.00 17.54           O  
+ATOM    435  OE2 GLU A  56      25.381  17.081  14.664  1.00 18.60           O  
+ATOM    436  OXT GLU A  56      21.296  12.892  16.369  1.00 15.04           O  
+TER     437      GLU A  56                                                      
+HETATM  438  O   HOH A  57      20.045  17.338  24.112  1.00  3.04           O  
+HETATM  439  O   HOH A  58      29.284  15.933  16.005  1.00  3.90           O  
+HETATM  440  O   HOH A  59      30.968  17.869  15.018  0.94 11.86           O  
+HETATM  441  O   HOH A  60      36.384  21.652  27.812  0.96 15.46           O  
+HETATM  442  O   HOH A  61      17.058  34.117  30.636  0.91 16.69           O  
+HETATM  443  O   HOH A  62      27.844  16.414  13.404  1.00 23.36           O  
+HETATM  444  O   HOH A  63      18.404  38.643  27.967  1.00 23.63           O  
+HETATM  445  O   HOH A  64      19.968  31.460  34.797  1.00 23.75           O  
+HETATM  446  O   HOH A  65      18.201  18.566  37.695  0.95 22.19           O  
+HETATM  447  O   HOH A  66      28.632  36.880  26.524  1.00 24.51           O  
+HETATM  448  O   HOH A  67      24.320  18.322  34.892  0.95 23.33           O  
+HETATM  449  O   HOH A  68      34.515  20.297  15.278  0.95 24.44           O  
+HETATM  450  O   HOH A  69      25.264  17.638  11.962  1.00 26.96           O  
+HETATM  451  O   HOH A  70      27.030  30.620  14.393  1.00 30.28           O  
+HETATM  452  O   HOH A  71      34.649  12.834  25.632  0.98 31.24           O  
+HETATM  453  O   HOH A  72      18.195  33.437  33.740  0.88 30.66           O  
+HETATM  454  O   HOH A  73      15.996  28.545  27.866  1.00 38.23           O  
+HETATM  455  O   HOH A  74      22.964  13.047  25.143  0.94 34.64           O  
+HETATM  456  O   HOH A  75      36.309  21.652  20.246  1.00 43.01           O  
+HETATM  457  O   HOH A  76      15.334  21.462  20.777  0.91 37.63           O  
+MASTER      227    0    0    1    4    0    0    6  456    1    0    5          
+END                                                                             

src/demo/app.py

@@ -0,0 +1,44 @@
+
+import gradio as gr
+from gradio_molecule3d import Molecule3D
+
+import os
+
+example = Molecule3D().example_inputs()
+
+
+reps =    [
+    {
+      "model": 0,
+      "chain": "",
+      "resname": "",
+      "style": "cartoon",
+      "color": "whiteCarbon",
+      "residue_range": "",
+      "around": 0,
+      "byres": False,
+      "visible": False,
+    },
+  ]
+
+def predict(x):
+    print("predict function", x)
+    return x
+
+#doesn't work
+# demo = gr.Interface(
+#     predict,
+#     Molecule3D(label="Molecule3D", reps=reps),  # interactive version of your component
+#     Molecule3D(),  # static version of your component
+#     examples=[[example]],  # uncomment this line to view the "example version" of your component
+# )
+
+#works
+with gr.Blocks() as demo:
+    inp = Molecule3D("demo/1pga.pdb",label="Molecule3D", reps=reps)
+    out = Molecule3D(label="Molecule3D", reps=reps)
+    btn = gr.Button("Predict")
+    btn.click(predict, inputs=inp, outputs=out)
+
+demo.launch()
+# blocks.launch()

src/frontend/Example.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+	import type { FileData } from "@gradio/client";
+
+	export let value: FileData;
+	export let type: "gallery" | "table";
+	export let selected = false;
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{Array.isArray(value) ? value.join(", ") : value}
+</div>
+
+<style>
+	div {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	.gallery {
+		display: flex;
+		align-items: center;
+		cursor: pointer;
+		padding: var(--size-1) var(--size-2);
+		text-align: left;
+	}
+</style>

src/frontend/Index.svelte

@@ -0,0 +1,423 @@
+<svelte:options accessors={true} />
+
+<script context="module" lang="ts">
+  export { default as FilePreview } from "./shared/FilePreview.svelte";
+  export { default as BaseFileUpload } from "./shared/FileUpload.svelte";
+  export { default as BaseFile } from "./shared/File.svelte";
+  export { default as BaseExample } from "./Example.svelte";
+</script>
+
+<script lang="ts">
+  import type { Gradio, SelectData } from "@gradio/utils";
+  import File from "./shared/File.svelte";
+  import FileUpload from "./shared/FileUpload.svelte";
+
+  import { normalise_file, type FileData } from "@gradio/client";
+  import { Block, UploadText } from "@gradio/atoms";
+
+  import { StatusTracker } from "@gradio/statustracker";
+  import type { LoadingStatus } from "@gradio/statustracker";
+
+  export let elem_id = "";
+  export let elem_classes: string[] = [];
+  export let visible = true;
+  export let value: null | FileData | FileData[];
+
+  export let interactive: boolean;
+  export let root: string;
+  export let label: string;
+  export let show_label: boolean;
+  export let height: number | undefined = undefined;
+
+  //Molecule3D specific arguments
+  export let reps: any = [];
+  export let config: any = {};
+  export let confidenceLabel: string = "";
+
+  export let proxy_url: null | string;
+  export let _selectable = false;
+  export let loading_status: LoadingStatus;
+  export let container = true;
+  export let scale: number | null = null;
+  export let min_width: number | undefined = undefined;
+  export let gradio: Gradio<{
+    change: never;
+    error: string;
+    upload: never;
+    clear: never;
+    select: SelectData;
+  }>;
+  export let file_count: string;
+  export let file_types: string[] = ["file"];
+  $: _value = normalise_file(value, root, proxy_url);
+
+  let old_value = _value;
+  $: if (JSON.stringify(old_value) !== JSON.stringify(_value)) {
+    gradio.dispatch("change");
+    old_value = _value;
+    console.log("value change", _value);
+  }
+
+  let dragging = false;
+  let pending_upload = false;
+
+  //check for missing keys in reps
+  let keys_for_reps = {
+    model: {
+      type: Number,
+      default: 0,
+    },
+    chain: {
+      type: String,
+      default: "",
+    },
+    resname: {
+      type: String,
+      default: "",
+    },
+    style: {
+      type: String,
+      default: "cartoon",
+      choices: ["cartoon", "stick", "sphere", "surface"],
+    },
+    color: {
+      type: String,
+      default: "whiteCarbon",
+      choices: [
+        "whiteCarbon",
+        "orangeCarbon",
+        "redCarbon",
+        "blackCarbon",
+        "blueCarbon",
+        "grayCarbon",
+        "greenCarbon",
+        "cyanCarbon",
+        "alphafold",
+        "default",
+        "Jmol",
+        "chain",
+        "spectrum",
+      ],
+    },
+    residue_range: {
+      type: String,
+      default: "",
+    },
+    around: {
+      type: Number,
+      default: 0,
+    },
+    byres: {
+      type: Boolean,
+      default: false,
+    },
+    visible: {
+      type: Boolean,
+      default: true,
+    },
+  };
+
+  let moldata = null;
+
+  let allowed_extensions = ["pdb", "sdf", "mol2"];
+  async function fetchFileContent(url) {
+    const response = await fetch(url);
+    const content = await response.text();
+    return content;
+  }
+  let promise = null;
+  let errors = [];
+
+  async function retrieveContent(value) {
+    if (value == null) {
+      return [];
+    } else if (Array.isArray(value)) {
+      let tempMoldata = [];
+      // get file extension
+
+      for (const element of value) {
+        let ext = element.orig_name.split(".").pop();
+        if (!allowed_extensions.includes(ext)) {
+          errors.push(
+            `Invalid file extension for ${
+              element.orig_name
+            }. Expected one of ${allowed_extensions.join(", ")}, got ${ext}`
+          );
+          moldata = null;
+          continue;
+        }
+        tempMoldata.push({
+          data: await fetchFileContent(element.url),
+          name: element.orig_name,
+          format: ext,
+          asFrames: false,
+        });
+      }
+      moldata = tempMoldata;
+    } else if (typeof value === "object" && value !== null) {
+      let ext = value.orig_name.split(".").pop();
+      if (!allowed_extensions.includes(ext)) {
+        errors.push(
+          `Invalid file extension for ${
+            value.orig_name
+          }. Expected one of ${allowed_extensions.join(", ")}, got ${ext}`
+        );
+        moldata = null;
+      } else {
+        let t = await fetchFileContent(value.url);
+        moldata = [
+          { data: t, name: value.orig_name, format: "pdb", asFrames: false },
+        ];
+      }
+    } else {
+      moldata = null;
+    }
+    // value is object
+  }
+  // go through each rep, do a type check and add missing keys to the rep
+
+  let lenMoldata = 0;
+  $: lenMoldata = moldata ? moldata.length : 0;
+
+  let representations = [];
+  //first add all missing keys
+  $: {
+    reps.forEach((rep) => {
+      for (const [key, value] of Object.entries(keys_for_reps)) {
+        if (rep[key] === undefined) {
+          rep[key] = value["default"];
+        }
+        if (rep[key].constructor != value["type"]) {
+          errors.push(
+            `Invalid type for ${key} in reps. Expected ${
+              value["type"]
+            }, got ${typeof rep[key]}`
+          );
+        }
+      }
+    });
+    // then check if model does exist and add to representations
+    reps.forEach((rep) => {
+      if (rep["model"] <= lenMoldata) {
+        representations.push(rep);
+      }
+    });
+  }
+
+  $: promise = retrieveContent(_value);
+</script>
+
+<Block
+  {visible}
+  variant={value === null ? "dashed" : "solid"}
+  border_mode={dragging ? "focus" : "base"}
+  padding={false}
+  {elem_id}
+  {elem_classes}
+  {container}
+  {scale}
+  {min_width}
+  allow_overflow={false}
+>
+  <StatusTracker
+    autoscroll={gradio.autoscroll}
+    i18n={gradio.i18n}
+    {...loading_status}
+    status={pending_upload
+      ? "generating"
+      : loading_status?.status || "complete"}
+  />
+
+  {#if !interactive}
+    <File
+      on:select={({ detail }) => gradio.dispatch("select", detail)}
+      selectable={_selectable}
+      value={_value}
+      {label}
+      {show_label}
+      {height}
+      {representations}
+      {config}
+      {confidenceLabel}
+      {moldata}
+      {errors}
+      i18n={gradio.i18n}
+    />
+  {:else}
+    <FileUpload
+      {label}
+      {show_label}
+      value={_value}
+      {file_count}
+      {file_types}
+      selectable={_selectable}
+      {root}
+      {height}
+      {representations}
+      {config}
+      {confidenceLabel}
+      {moldata}
+      on:change={({ detail }) => {
+        errors = [];
+        value = detail;
+      }}
+      on:drag={({ detail }) => (dragging = detail)}
+      on:clear={() => gradio.dispatch("clear")}
+      on:select={({ detail }) => gradio.dispatch("select", detail)}
+      on:notfound={() =>
+        gradio.dispatch(
+          "error",
+          "identifier not found in database, check spelling"
+        )}
+      on:upload={() => gradio.dispatch("upload")}
+      i18n={gradio.i18n}
+    >
+      <UploadText i18n={gradio.i18n} type="file" />
+    </FileUpload>
+  {/if}
+
+  {#if errors.length > 0 && _value !== null}
+    <div
+      class="flex m-2 p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400"
+      role="alert"
+    >
+      <svg
+        class="flex-shrink-0 inline w-4 h-4 mr-3 mt-[2px]"
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke-width="1.5"
+        stroke="currentColor"
+      >
+        <path
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
+        />
+      </svg>
+
+      <span class="sr-only">Error in the representations</span>
+      <div>
+        <span class="font-medium"
+          >Couldn't display Molecule. Fix the following problems:</span
+        >
+        <ul class="mt-1.5 ml-4 list-disc list-inside">
+          {#each errors as error}
+            <li>{error}</li>
+          {/each}
+        </ul>
+      </div>
+    </div>
+  {/if}
+</Block>
+
+<style>
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .mb-4 {
+    margin-bottom: 1rem;
+  }
+
+  .ml-4 {
+    margin-left: 1rem;
+  }
+
+  .mr-3 {
+    margin-right: 0.75rem;
+  }
+
+  .mt-1 {
+    margin-top: 0.25rem;
+  }
+
+  .mt-1\.5 {
+    margin-top: 0.375rem;
+  }
+
+  .mt-\[2px\] {
+    margin-top: 2px;
+  }
+
+  .inline {
+    display: inline;
+  }
+
+  .flex {
+    display: flex;
+  }
+
+  .h-4 {
+    height: 1rem;
+  }
+
+  .w-4 {
+    width: 1rem;
+  }
+
+  .flex-shrink-0 {
+    flex-shrink: 0;
+  }
+
+  .list-inside {
+    list-style-position: inside;
+  }
+
+  .list-disc {
+    list-style-type: disc;
+  }
+
+  .rounded-lg {
+    border-radius: 0.5rem;
+  }
+
+  .bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(254 242 242 / var(--tw-bg-opacity));
+  }
+  .m-2 {
+    margin: 0.5rem;
+  }
+  .p-4 {
+    padding: 1rem;
+  }
+
+  .text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .font-medium {
+    font-weight: 500;
+  }
+
+  .lowercase {
+    text-transform: lowercase;
+  }
+
+  .text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgb(153 27 27 / var(--tw-text-opacity));
+  }
+
+  @media (prefers-color-scheme: dark) {
+    .dark\:bg-gray-800 {
+      --tw-bg-opacity: 1;
+      background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+    }
+
+    .dark\:text-red-400 {
+      --tw-text-opacity: 1;
+      color: rgb(248 113 113 / var(--tw-text-opacity));
+    }
+  }
+</style>

src/frontend/package-lock.json

@@ -0,0 +1,1774 @@
+{
+  "name": "gradio_molecule3d",
+  "version": "0.2.1",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "gradio_molecule3d",
+      "version": "0.2.1",
+      "license": "ISC",
+      "dependencies": {
+        "@gradio/atoms": "0.2.0",
+        "@gradio/client": "0.7.1",
+        "@gradio/icons": "0.2.0",
+        "@gradio/statustracker": "0.3.0",
+        "@gradio/upload": "0.3.1",
+        "@gradio/utils": "0.2.0",
+        "3dmol": "^2.0.6"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
+      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.5.tgz",
+      "integrity": "sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==",
+      "cpu": [
+        "arm"
+      ],
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.5.tgz",
+      "integrity": "sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.5.tgz",
+      "integrity": "sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.5.tgz",
+      "integrity": "sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.5.tgz",
+      "integrity": "sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.5.tgz",
+      "integrity": "sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.5.tgz",
+      "integrity": "sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.5.tgz",
+      "integrity": "sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==",
+      "cpu": [
+        "arm"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.5.tgz",
+      "integrity": "sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.5.tgz",
+      "integrity": "sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.5.tgz",
+      "integrity": "sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==",
+      "cpu": [
+        "loong64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.5.tgz",
+      "integrity": "sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.5.tgz",
+      "integrity": "sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==",
+      "cpu": [
+        "ppc64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.5.tgz",
+      "integrity": "sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==",
+      "cpu": [
+        "riscv64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.5.tgz",
+      "integrity": "sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==",
+      "cpu": [
+        "s390x"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.5.tgz",
+      "integrity": "sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.5.tgz",
+      "integrity": "sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.5.tgz",
+      "integrity": "sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.5.tgz",
+      "integrity": "sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.5.tgz",
+      "integrity": "sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.5.tgz",
+      "integrity": "sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.5.tgz",
+      "integrity": "sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@formatjs/ecma402-abstract": {
+      "version": "1.11.4",
+      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-1.11.4.tgz",
+      "integrity": "sha512-EBikYFp2JCdIfGEb5G9dyCkTGDmC57KSHhRQOC3aYxoPWVZvfWCDjZwkGYHN7Lis/fmuWl906bnNTJifDQ3sXw==",
+      "dependencies": {
+        "@formatjs/intl-localematcher": "0.2.25",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@formatjs/fast-memoize": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-1.2.1.tgz",
+      "integrity": "sha512-Rg0e76nomkz3vF9IPlKeV+Qynok0r7YZjL6syLz4/urSg0IbjPZCB/iYUMNsYA643gh4mgrX3T7KEIFIxJBQeg==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@formatjs/icu-messageformat-parser": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.1.0.tgz",
+      "integrity": "sha512-Qxv/lmCN6hKpBSss2uQ8IROVnta2r9jd3ymUEIjm2UyIkUCHVcbUVRGL/KS/wv7876edvsPe+hjHVJ4z8YuVaw==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "1.11.4",
+        "@formatjs/icu-skeleton-parser": "1.3.6",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@formatjs/icu-skeleton-parser": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.3.6.tgz",
+      "integrity": "sha512-I96mOxvml/YLrwU2Txnd4klA7V8fRhb6JG/4hm3VMNmeJo1F03IpV2L3wWt7EweqNLES59SZ4d6hVOPCSf80Bg==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "1.11.4",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@formatjs/intl-localematcher": {
+      "version": "0.2.25",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.2.25.tgz",
+      "integrity": "sha512-YmLcX70BxoSopLFdLr1Ds99NdlTI2oWoLbaUW2M406lxOIPzE1KQhRz2fPUkq34xVZQaihCoU29h0KK7An3bhA==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@gradio/atoms": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@gradio/atoms/-/atoms-0.2.0.tgz",
+      "integrity": "sha512-7pTXJTZv+KECtTG9vqeq9j7vz5OKkp+TRvh+O4yMbtkvxFEbhYaaUngkWFX26btGiveD+V4RG4qrP17jqpSdGA==",
+      "dependencies": {
+        "@gradio/icons": "^0.2.0",
+        "@gradio/utils": "^0.2.0"
+      }
+    },
+    "node_modules/@gradio/client": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/@gradio/client/-/client-0.7.1.tgz",
+      "integrity": "sha512-capRFmuk0EDI7oIGmRiSGZwcvsXEO9qnwUHBcSmawXPTPnuuZlBOMVERancuO8RO8PtUAozTgBCaLXP9TFhypQ==",
+      "dependencies": {
+        "bufferutil": "^4.0.7",
+        "semiver": "^1.1.0",
+        "ws": "^8.13.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@gradio/column": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@gradio/column/-/column-0.1.0.tgz",
+      "integrity": "sha512-P24nqqVnMXBaDA1f/zSN5HZRho4PxP8Dq+7VltPHlmxIEiZYik2AJ4J0LeuIha34FDO0guu/16evdrpvGIUAfw=="
+    },
+    "node_modules/@gradio/icons": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@gradio/icons/-/icons-0.2.0.tgz",
+      "integrity": "sha512-rfCSmOF+ALqBOjTWL1ICasyA8JuO0MPwFrtlVMyAWp7R14AN8YChC/gbz5fZ0kNBiGGEYOOfqpKxyvC95jGGlg=="
+    },
+    "node_modules/@gradio/statustracker": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@gradio/statustracker/-/statustracker-0.3.0.tgz",
+      "integrity": "sha512-8F3ezqPoGpq7B0EFYGVJkiYOrXCJLMEBcjLTOk2NeM2tXUoOCTieSvJEOstLzM0KkHwY7FvVrc3Dn5iqfIq2lQ==",
+      "dependencies": {
+        "@gradio/atoms": "^0.2.0",
+        "@gradio/column": "^0.1.0",
+        "@gradio/icons": "^0.2.0",
+        "@gradio/utils": "^0.2.0"
+      }
+    },
+    "node_modules/@gradio/theme": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@gradio/theme/-/theme-0.2.0.tgz",
+      "integrity": "sha512-33c68Nk7oRXLn08OxPfjcPm7S4tXGOUV1I1bVgzdM2YV5o1QBOS1GEnXPZPu/CEYPePLMB6bsDwffrLEyLGWVQ=="
+    },
+    "node_modules/@gradio/upload": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@gradio/upload/-/upload-0.3.1.tgz",
+      "integrity": "sha512-CuatwjSxngMFXlro07zjZZ4kTGL5YPjbASp3B5HS7oV/GUMufDgmSwWCcrFfH63H7iavDQc0pB5fxQ6zV/3qpA==",
+      "dependencies": {
+        "@gradio/atoms": "^0.2.0",
+        "@gradio/client": "^0.7.1",
+        "@gradio/icons": "^0.2.0",
+        "@gradio/upload": "^0.3.1",
+        "@gradio/utils": "^0.2.0"
+      }
+    },
+    "node_modules/@gradio/utils": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@gradio/utils/-/utils-0.2.0.tgz",
+      "integrity": "sha512-YkwzXufi6IxQrlMW+1sFo8Yn6F9NLL69ZoBsbo7QEhms0v5L7pmOTw+dfd7M3dwbRP2lgjrb52i1kAIN3n6aqQ==",
+      "dependencies": {
+        "@gradio/theme": "^0.2.0",
+        "svelte-i18n": "^3.6.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
+      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+      "peer": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "peer": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+      "peer": true
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.20",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
+      "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.4.tgz",
+      "integrity": "sha512-2JwWnHK9H+wUZNorf2Zr6ves96WHoWDJIftkcxPKsS7Djta6Zu519LarhRNljPXkpsZR2ZMwNCPeW7omW07BJw==",
+      "peer": true
+    },
+    "node_modules/3dmol": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/3dmol/-/3dmol-2.0.6.tgz",
+      "integrity": "sha512-KpfC7mR8fPDVG71Aarc5a7gOkARiW3xE1pJqh4DTmgRQRGT0yJxK1YxWPZOJ6B7IfPA2l5pbXbUo5gbl2TLfqg==",
+      "dependencies": {
+        "iobuffer": "^5.3.1",
+        "netcdfjs": "^3.0.0",
+        "pako": "^2.1.0",
+        "upng-js": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=16.16.0",
+        "npm": ">=8.11"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.11.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
+      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
+      "peer": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "peer": true,
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
+      "integrity": "sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==",
+      "peer": true,
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/bufferutil": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/bufferutil/-/bufferutil-4.0.8.tgz",
+      "integrity": "sha512-4T53u4PdgsXqKaIctwF8ifXlRTTmEPJ8iEPWFdGZvcf7sbwYo6FKFEX9eNNAnzFZ7EzJAQ3CJeOtCRA4rDp7Pw==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "node-gyp-build": "^4.3.0"
+      },
+      "engines": {
+        "node": ">=6.14.2"
+      }
+    },
+    "node_modules/cli-color": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/cli-color/-/cli-color-2.0.3.tgz",
+      "integrity": "sha512-OkoZnxyC4ERN3zLzZaY9Emb7f/MhBOIpePv0Ycok0fJYT+Ouo00UBEIwsVsr0yoow++n5YWlSUgST9GKhNHiRQ==",
+      "dependencies": {
+        "d": "^1.0.1",
+        "es5-ext": "^0.10.61",
+        "es6-iterator": "^2.0.3",
+        "memoizee": "^0.4.15",
+        "timers-ext": "^0.1.7"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/code-red": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/code-red/-/code-red-1.0.4.tgz",
+      "integrity": "sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15",
+        "@types/estree": "^1.0.1",
+        "acorn": "^8.10.0",
+        "estree-walker": "^3.0.3",
+        "periscopic": "^3.1.0"
+      }
+    },
+    "node_modules/css-tree": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
+      "peer": true,
+      "dependencies": {
+        "mdn-data": "2.0.30",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/d": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/d/-/d-1.0.1.tgz",
+      "integrity": "sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==",
+      "dependencies": {
+        "es5-ext": "^0.10.50",
+        "type": "^1.0.1"
+      }
+    },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/es5-ext": {
+      "version": "0.10.62",
+      "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.62.tgz",
+      "integrity": "sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "es6-iterator": "^2.0.3",
+        "es6-symbol": "^3.1.3",
+        "next-tick": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/es6-iterator": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz",
+      "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==",
+      "dependencies": {
+        "d": "1",
+        "es5-ext": "^0.10.35",
+        "es6-symbol": "^3.1.1"
+      }
+    },
+    "node_modules/es6-symbol": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz",
+      "integrity": "sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==",
+      "dependencies": {
+        "d": "^1.0.1",
+        "ext": "^1.1.2"
+      }
+    },
+    "node_modules/es6-weak-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es6-weak-map/-/es6-weak-map-2.0.3.tgz",
+      "integrity": "sha512-p5um32HOTO1kP+w7PRnB+5lQ43Z6muuMuIMffvDN8ZB4GcnjLBV6zGStpbASIMk4DCAvEaamhe2zhyCb/QXXsA==",
+      "dependencies": {
+        "d": "1",
+        "es5-ext": "^0.10.46",
+        "es6-iterator": "^2.0.3",
+        "es6-symbol": "^3.1.1"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.5.tgz",
+      "integrity": "sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==",
+      "hasInstallScript": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/android-arm": "0.19.5",
+        "@esbuild/android-arm64": "0.19.5",
+        "@esbuild/android-x64": "0.19.5",
+        "@esbuild/darwin-arm64": "0.19.5",
+        "@esbuild/darwin-x64": "0.19.5",
+        "@esbuild/freebsd-arm64": "0.19.5",
+        "@esbuild/freebsd-x64": "0.19.5",
+        "@esbuild/linux-arm": "0.19.5",
+        "@esbuild/linux-arm64": "0.19.5",
+        "@esbuild/linux-ia32": "0.19.5",
+        "@esbuild/linux-loong64": "0.19.5",
+        "@esbuild/linux-mips64el": "0.19.5",
+        "@esbuild/linux-ppc64": "0.19.5",
+        "@esbuild/linux-riscv64": "0.19.5",
+        "@esbuild/linux-s390x": "0.19.5",
+        "@esbuild/linux-x64": "0.19.5",
+        "@esbuild/netbsd-x64": "0.19.5",
+        "@esbuild/openbsd-x64": "0.19.5",
+        "@esbuild/sunos-x64": "0.19.5",
+        "@esbuild/win32-arm64": "0.19.5",
+        "@esbuild/win32-ia32": "0.19.5",
+        "@esbuild/win32-x64": "0.19.5"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "peer": true,
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "node_modules/event-emitter": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/event-emitter/-/event-emitter-0.3.5.tgz",
+      "integrity": "sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==",
+      "dependencies": {
+        "d": "1",
+        "es5-ext": "~0.10.14"
+      }
+    },
+    "node_modules/ext": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/ext/-/ext-1.7.0.tgz",
+      "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==",
+      "dependencies": {
+        "type": "^2.7.2"
+      }
+    },
+    "node_modules/ext/node_modules/type": {
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/type/-/type-2.7.2.tgz",
+      "integrity": "sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw=="
+    },
+    "node_modules/globalyzer": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz",
+      "integrity": "sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q=="
+    },
+    "node_modules/globrex": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz",
+      "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg=="
+    },
+    "node_modules/intl-messageformat": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-9.13.0.tgz",
+      "integrity": "sha512-7sGC7QnSQGa5LZP7bXLDhVDtQOeKGeBFGHF2Y8LVBwYZoQZCgWeKoPGTa5GMG8g/TzDgeXuYJQis7Ggiw2xTOw==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "1.11.4",
+        "@formatjs/fast-memoize": "1.2.1",
+        "@formatjs/icu-messageformat-parser": "2.1.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/iobuffer": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/iobuffer/-/iobuffer-5.3.2.tgz",
+      "integrity": "sha512-kO3CjNfLZ9t+tHxAMd+Xk4v3D/31E91rMs1dHrm7ikEQrlZ8mLDbQ4z3tZfDM48zOkReas2jx8MWSAmN9+c8Fw=="
+    },
+    "node_modules/is-promise": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.2.2.tgz",
+      "integrity": "sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ=="
+    },
+    "node_modules/is-reference": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.2.tgz",
+      "integrity": "sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==",
+      "peer": true,
+      "dependencies": {
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/locate-character": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",
+      "integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==",
+      "peer": true
+    },
+    "node_modules/lru-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/lru-queue/-/lru-queue-0.1.0.tgz",
+      "integrity": "sha512-BpdYkt9EvGl8OfWHDQPISVpcl5xZthb+XPsbELj5AQXxIC8IriDZIQYjBJPEm5rS420sjZ0TLEzRcq5KdBhYrQ==",
+      "dependencies": {
+        "es5-ext": "~0.10.2"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.5",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz",
+      "integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/mdn-data": {
+      "version": "2.0.30",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
+      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
+      "peer": true
+    },
+    "node_modules/memoizee": {
+      "version": "0.4.15",
+      "resolved": "https://registry.npmjs.org/memoizee/-/memoizee-0.4.15.tgz",
+      "integrity": "sha512-UBWmJpLZd5STPm7PMUlOw/TSy972M+z8gcyQ5veOnSDRREz/0bmpyTfKt3/51DhEBqCZQn1udM/5flcSPYhkdQ==",
+      "dependencies": {
+        "d": "^1.0.1",
+        "es5-ext": "^0.10.53",
+        "es6-weak-map": "^2.0.3",
+        "event-emitter": "^0.3.5",
+        "is-promise": "^2.2.2",
+        "lru-queue": "^0.1.0",
+        "next-tick": "^1.1.0",
+        "timers-ext": "^0.1.7"
+      }
+    },
+    "node_modules/mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/netcdfjs": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/netcdfjs/-/netcdfjs-3.0.0.tgz",
+      "integrity": "sha512-LOvT8KkC308qtpUkcBPiCMBtii7ZQCN6LxcVheWgyUeZ6DQWcpSRFV9dcVXLj/2eHZ/bre9tV5HTH4Sf93vrFw==",
+      "dependencies": {
+        "iobuffer": "^5.3.2"
+      }
+    },
+    "node_modules/next-tick": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz",
+      "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ=="
+    },
+    "node_modules/node-gyp-build": {
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.6.1.tgz",
+      "integrity": "sha512-24vnklJmyRS8ViBNI8KbtK/r/DmXQMRiOMXTNz2nrTnAYUwjmEEbnnpB/+kt+yWRv73bPsSPRFddrcIbAxSiMQ==",
+      "bin": {
+        "node-gyp-build": "bin.js",
+        "node-gyp-build-optional": "optional.js",
+        "node-gyp-build-test": "build-test.js"
+      }
+    },
+    "node_modules/pako": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-2.1.0.tgz",
+      "integrity": "sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug=="
+    },
+    "node_modules/periscopic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz",
+      "integrity": "sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==",
+      "peer": true,
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^3.0.0",
+        "is-reference": "^3.0.0"
+      }
+    },
+    "node_modules/sade": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
+      "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
+      "dependencies": {
+        "mri": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/semiver": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/semiver/-/semiver-1.1.0.tgz",
+      "integrity": "sha512-QNI2ChmuioGC1/xjyYwyZYADILWyW6AmS1UH6gDj/SFUUUS4MBAWs/7mxnkRPc/F4iHezDP+O8t0dO8WHiEOdg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/svelte": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.2.tgz",
+      "integrity": "sha512-My2tytF2e2NnHSpn2M7/3VdXT4JdTglYVUuSuK/mXL2XtulPYbeBfl8Dm1QiaKRn0zoULRnL+EtfZHHP0k4H3A==",
+      "peer": true,
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.15",
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "acorn": "^8.9.0",
+        "aria-query": "^5.3.0",
+        "axobject-query": "^3.2.1",
+        "code-red": "^1.0.3",
+        "css-tree": "^2.3.1",
+        "estree-walker": "^3.0.3",
+        "is-reference": "^3.0.1",
+        "locate-character": "^3.0.0",
+        "magic-string": "^0.30.4",
+        "periscopic": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/svelte-i18n": {
+      "version": "3.7.4",
+      "resolved": "https://registry.npmjs.org/svelte-i18n/-/svelte-i18n-3.7.4.tgz",
+      "integrity": "sha512-yGRCNo+eBT4cPuU7IVsYTYjxB7I2V8qgUZPlHnNctJj5IgbJgV78flsRzpjZ/8iUYZrS49oCt7uxlU3AZv/N5Q==",
+      "dependencies": {
+        "cli-color": "^2.0.3",
+        "deepmerge": "^4.2.2",
+        "esbuild": "^0.19.2",
+        "estree-walker": "^2",
+        "intl-messageformat": "^9.13.0",
+        "sade": "^1.8.1",
+        "tiny-glob": "^0.2.9"
+      },
+      "bin": {
+        "svelte-i18n": "dist/cli.js"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "peerDependencies": {
+        "svelte": "^3 || ^4"
+      }
+    },
+    "node_modules/svelte-i18n/node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+    },
+    "node_modules/timers-ext": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/timers-ext/-/timers-ext-0.1.7.tgz",
+      "integrity": "sha512-b85NUNzTSdodShTIbky6ZF02e8STtVVfD+fu4aXXShEELpozH+bCpJLYMPZbsABN2wDH7fJpqIoXxJpzbf0NqQ==",
+      "dependencies": {
+        "es5-ext": "~0.10.46",
+        "next-tick": "1"
+      }
+    },
+    "node_modules/tiny-glob": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz",
+      "integrity": "sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==",
+      "dependencies": {
+        "globalyzer": "0.1.0",
+        "globrex": "^0.1.2"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+    },
+    "node_modules/type": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/type/-/type-1.2.0.tgz",
+      "integrity": "sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg=="
+    },
+    "node_modules/upng-js": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/upng-js/-/upng-js-2.1.0.tgz",
+      "integrity": "sha512-d3xzZzpMP64YkjP5pr8gNyvBt7dLk/uGI67EctzDuVp4lCZyVMo0aJO6l/VDlgbInJYDY6cnClLoBp29eKWI6g==",
+      "dependencies": {
+        "pako": "^1.0.5"
+      }
+    },
+    "node_modules/upng-js/node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="
+    },
+    "node_modules/ws": {
+      "version": "8.14.2",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
+      "integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    }
+  },
+  "dependencies": {
+    "@ampproject/remapping": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
+      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "peer": true,
+      "requires": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "@esbuild/android-arm": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.5.tgz",
+      "integrity": "sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==",
+      "optional": true
+    },
+    "@esbuild/android-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.5.tgz",
+      "integrity": "sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==",
+      "optional": true
+    },
+    "@esbuild/android-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.5.tgz",
+      "integrity": "sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==",
+      "optional": true
+    },
+    "@esbuild/darwin-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.5.tgz",
+      "integrity": "sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==",
+      "optional": true
+    },
+    "@esbuild/darwin-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.5.tgz",
+      "integrity": "sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==",
+      "optional": true
+    },
+    "@esbuild/freebsd-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.5.tgz",
+      "integrity": "sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==",
+      "optional": true
+    },
+    "@esbuild/freebsd-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.5.tgz",
+      "integrity": "sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==",
+      "optional": true
+    },
+    "@esbuild/linux-arm": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.5.tgz",
+      "integrity": "sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==",
+      "optional": true
+    },
+    "@esbuild/linux-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.5.tgz",
+      "integrity": "sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==",
+      "optional": true
+    },
+    "@esbuild/linux-ia32": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.5.tgz",
+      "integrity": "sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==",
+      "optional": true
+    },
+    "@esbuild/linux-loong64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.5.tgz",
+      "integrity": "sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==",
+      "optional": true
+    },
+    "@esbuild/linux-mips64el": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.5.tgz",
+      "integrity": "sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==",
+      "optional": true
+    },
+    "@esbuild/linux-ppc64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.5.tgz",
+      "integrity": "sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==",
+      "optional": true
+    },
+    "@esbuild/linux-riscv64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.5.tgz",
+      "integrity": "sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==",
+      "optional": true
+    },
+    "@esbuild/linux-s390x": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.5.tgz",
+      "integrity": "sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==",
+      "optional": true
+    },
+    "@esbuild/linux-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.5.tgz",
+      "integrity": "sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==",
+      "optional": true
+    },
+    "@esbuild/netbsd-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.5.tgz",
+      "integrity": "sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==",
+      "optional": true
+    },
+    "@esbuild/openbsd-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.5.tgz",
+      "integrity": "sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==",
+      "optional": true
+    },
+    "@esbuild/sunos-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.5.tgz",
+      "integrity": "sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==",
+      "optional": true
+    },
+    "@esbuild/win32-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.5.tgz",
+      "integrity": "sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==",
+      "optional": true
+    },
+    "@esbuild/win32-ia32": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.5.tgz",
+      "integrity": "sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==",
+      "optional": true
+    },
+    "@esbuild/win32-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.5.tgz",
+      "integrity": "sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==",
+      "optional": true
+    },
+    "@formatjs/ecma402-abstract": {
+      "version": "1.11.4",
+      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-1.11.4.tgz",
+      "integrity": "sha512-EBikYFp2JCdIfGEb5G9dyCkTGDmC57KSHhRQOC3aYxoPWVZvfWCDjZwkGYHN7Lis/fmuWl906bnNTJifDQ3sXw==",
+      "requires": {
+        "@formatjs/intl-localematcher": "0.2.25",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@formatjs/fast-memoize": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-1.2.1.tgz",
+      "integrity": "sha512-Rg0e76nomkz3vF9IPlKeV+Qynok0r7YZjL6syLz4/urSg0IbjPZCB/iYUMNsYA643gh4mgrX3T7KEIFIxJBQeg==",
+      "requires": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "@formatjs/icu-messageformat-parser": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.1.0.tgz",
+      "integrity": "sha512-Qxv/lmCN6hKpBSss2uQ8IROVnta2r9jd3ymUEIjm2UyIkUCHVcbUVRGL/KS/wv7876edvsPe+hjHVJ4z8YuVaw==",
+      "requires": {
+        "@formatjs/ecma402-abstract": "1.11.4",
+        "@formatjs/icu-skeleton-parser": "1.3.6",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@formatjs/icu-skeleton-parser": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.3.6.tgz",
+      "integrity": "sha512-I96mOxvml/YLrwU2Txnd4klA7V8fRhb6JG/4hm3VMNmeJo1F03IpV2L3wWt7EweqNLES59SZ4d6hVOPCSf80Bg==",
+      "requires": {
+        "@formatjs/ecma402-abstract": "1.11.4",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@formatjs/intl-localematcher": {
+      "version": "0.2.25",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.2.25.tgz",
+      "integrity": "sha512-YmLcX70BxoSopLFdLr1Ds99NdlTI2oWoLbaUW2M406lxOIPzE1KQhRz2fPUkq34xVZQaihCoU29h0KK7An3bhA==",
+      "requires": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "@gradio/atoms": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@gradio/atoms/-/atoms-0.2.0.tgz",
+      "integrity": "sha512-7pTXJTZv+KECtTG9vqeq9j7vz5OKkp+TRvh+O4yMbtkvxFEbhYaaUngkWFX26btGiveD+V4RG4qrP17jqpSdGA==",
+      "requires": {
+        "@gradio/icons": "^0.2.0",
+        "@gradio/utils": "^0.2.0"
+      }
+    },
+    "@gradio/client": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/@gradio/client/-/client-0.7.1.tgz",
+      "integrity": "sha512-capRFmuk0EDI7oIGmRiSGZwcvsXEO9qnwUHBcSmawXPTPnuuZlBOMVERancuO8RO8PtUAozTgBCaLXP9TFhypQ==",
+      "requires": {
+        "bufferutil": "^4.0.7",
+        "semiver": "^1.1.0",
+        "ws": "^8.13.0"
+      }
+    },
+    "@gradio/column": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@gradio/column/-/column-0.1.0.tgz",
+      "integrity": "sha512-P24nqqVnMXBaDA1f/zSN5HZRho4PxP8Dq+7VltPHlmxIEiZYik2AJ4J0LeuIha34FDO0guu/16evdrpvGIUAfw=="
+    },
+    "@gradio/icons": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@gradio/icons/-/icons-0.2.0.tgz",
+      "integrity": "sha512-rfCSmOF+ALqBOjTWL1ICasyA8JuO0MPwFrtlVMyAWp7R14AN8YChC/gbz5fZ0kNBiGGEYOOfqpKxyvC95jGGlg=="
+    },
+    "@gradio/statustracker": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@gradio/statustracker/-/statustracker-0.3.0.tgz",
+      "integrity": "sha512-8F3ezqPoGpq7B0EFYGVJkiYOrXCJLMEBcjLTOk2NeM2tXUoOCTieSvJEOstLzM0KkHwY7FvVrc3Dn5iqfIq2lQ==",
+      "requires": {
+        "@gradio/atoms": "^0.2.0",
+        "@gradio/column": "^0.1.0",
+        "@gradio/icons": "^0.2.0",
+        "@gradio/utils": "^0.2.0"
+      }
+    },
+    "@gradio/theme": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@gradio/theme/-/theme-0.2.0.tgz",
+      "integrity": "sha512-33c68Nk7oRXLn08OxPfjcPm7S4tXGOUV1I1bVgzdM2YV5o1QBOS1GEnXPZPu/CEYPePLMB6bsDwffrLEyLGWVQ=="
+    },
+    "@gradio/upload": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@gradio/upload/-/upload-0.3.1.tgz",
+      "integrity": "sha512-CuatwjSxngMFXlro07zjZZ4kTGL5YPjbASp3B5HS7oV/GUMufDgmSwWCcrFfH63H7iavDQc0pB5fxQ6zV/3qpA==",
+      "requires": {
+        "@gradio/atoms": "^0.2.0",
+        "@gradio/client": "^0.7.1",
+        "@gradio/icons": "^0.2.0",
+        "@gradio/upload": "^0.3.1",
+        "@gradio/utils": "^0.2.0"
+      }
+    },
+    "@gradio/utils": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@gradio/utils/-/utils-0.2.0.tgz",
+      "integrity": "sha512-YkwzXufi6IxQrlMW+1sFo8Yn6F9NLL69ZoBsbo7QEhms0v5L7pmOTw+dfd7M3dwbRP2lgjrb52i1kAIN3n6aqQ==",
+      "requires": {
+        "@gradio/theme": "^0.2.0",
+        "svelte-i18n": "^3.6.0"
+      }
+    },
+    "@jridgewell/gen-mapping": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "peer": true,
+      "requires": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "@jridgewell/resolve-uri": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
+      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+      "peer": true
+    },
+    "@jridgewell/set-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "peer": true
+    },
+    "@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+      "peer": true
+    },
+    "@jridgewell/trace-mapping": {
+      "version": "0.3.20",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
+      "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
+      "peer": true,
+      "requires": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "@types/estree": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.4.tgz",
+      "integrity": "sha512-2JwWnHK9H+wUZNorf2Zr6ves96WHoWDJIftkcxPKsS7Djta6Zu519LarhRNljPXkpsZR2ZMwNCPeW7omW07BJw==",
+      "peer": true
+    },
+    "3dmol": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/3dmol/-/3dmol-2.0.6.tgz",
+      "integrity": "sha512-KpfC7mR8fPDVG71Aarc5a7gOkARiW3xE1pJqh4DTmgRQRGT0yJxK1YxWPZOJ6B7IfPA2l5pbXbUo5gbl2TLfqg==",
+      "requires": {
+        "iobuffer": "^5.3.1",
+        "netcdfjs": "^3.0.0",
+        "pako": "^2.1.0",
+        "upng-js": "^2.1.0"
+      }
+    },
+    "acorn": {
+      "version": "8.11.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
+      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
+      "peer": true
+    },
+    "aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "peer": true,
+      "requires": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "axobject-query": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
+      "integrity": "sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==",
+      "peer": true,
+      "requires": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "bufferutil": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/bufferutil/-/bufferutil-4.0.8.tgz",
+      "integrity": "sha512-4T53u4PdgsXqKaIctwF8ifXlRTTmEPJ8iEPWFdGZvcf7sbwYo6FKFEX9eNNAnzFZ7EzJAQ3CJeOtCRA4rDp7Pw==",
+      "requires": {
+        "node-gyp-build": "^4.3.0"
+      }
+    },
+    "cli-color": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/cli-color/-/cli-color-2.0.3.tgz",
+      "integrity": "sha512-OkoZnxyC4ERN3zLzZaY9Emb7f/MhBOIpePv0Ycok0fJYT+Ouo00UBEIwsVsr0yoow++n5YWlSUgST9GKhNHiRQ==",
+      "requires": {
+        "d": "^1.0.1",
+        "es5-ext": "^0.10.61",
+        "es6-iterator": "^2.0.3",
+        "memoizee": "^0.4.15",
+        "timers-ext": "^0.1.7"
+      }
+    },
+    "code-red": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/code-red/-/code-red-1.0.4.tgz",
+      "integrity": "sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==",
+      "peer": true,
+      "requires": {
+        "@jridgewell/sourcemap-codec": "^1.4.15",
+        "@types/estree": "^1.0.1",
+        "acorn": "^8.10.0",
+        "estree-walker": "^3.0.3",
+        "periscopic": "^3.1.0"
+      }
+    },
+    "css-tree": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
+      "peer": true,
+      "requires": {
+        "mdn-data": "2.0.30",
+        "source-map-js": "^1.0.1"
+      }
+    },
+    "d": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/d/-/d-1.0.1.tgz",
+      "integrity": "sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==",
+      "requires": {
+        "es5-ext": "^0.10.50",
+        "type": "^1.0.1"
+      }
+    },
+    "deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A=="
+    },
+    "dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "peer": true
+    },
+    "es5-ext": {
+      "version": "0.10.62",
+      "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.62.tgz",
+      "integrity": "sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==",
+      "requires": {
+        "es6-iterator": "^2.0.3",
+        "es6-symbol": "^3.1.3",
+        "next-tick": "^1.1.0"
+      }
+    },
+    "es6-iterator": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz",
+      "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==",
+      "requires": {
+        "d": "1",
+        "es5-ext": "^0.10.35",
+        "es6-symbol": "^3.1.1"
+      }
+    },
+    "es6-symbol": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz",
+      "integrity": "sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==",
+      "requires": {
+        "d": "^1.0.1",
+        "ext": "^1.1.2"
+      }
+    },
+    "es6-weak-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es6-weak-map/-/es6-weak-map-2.0.3.tgz",
+      "integrity": "sha512-p5um32HOTO1kP+w7PRnB+5lQ43Z6muuMuIMffvDN8ZB4GcnjLBV6zGStpbASIMk4DCAvEaamhe2zhyCb/QXXsA==",
+      "requires": {
+        "d": "1",
+        "es5-ext": "^0.10.46",
+        "es6-iterator": "^2.0.3",
+        "es6-symbol": "^3.1.1"
+      }
+    },
+    "esbuild": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.5.tgz",
+      "integrity": "sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==",
+      "requires": {
+        "@esbuild/android-arm": "0.19.5",
+        "@esbuild/android-arm64": "0.19.5",
+        "@esbuild/android-x64": "0.19.5",
+        "@esbuild/darwin-arm64": "0.19.5",
+        "@esbuild/darwin-x64": "0.19.5",
+        "@esbuild/freebsd-arm64": "0.19.5",
+        "@esbuild/freebsd-x64": "0.19.5",
+        "@esbuild/linux-arm": "0.19.5",
+        "@esbuild/linux-arm64": "0.19.5",
+        "@esbuild/linux-ia32": "0.19.5",
+        "@esbuild/linux-loong64": "0.19.5",
+        "@esbuild/linux-mips64el": "0.19.5",
+        "@esbuild/linux-ppc64": "0.19.5",
+        "@esbuild/linux-riscv64": "0.19.5",
+        "@esbuild/linux-s390x": "0.19.5",
+        "@esbuild/linux-x64": "0.19.5",
+        "@esbuild/netbsd-x64": "0.19.5",
+        "@esbuild/openbsd-x64": "0.19.5",
+        "@esbuild/sunos-x64": "0.19.5",
+        "@esbuild/win32-arm64": "0.19.5",
+        "@esbuild/win32-ia32": "0.19.5",
+        "@esbuild/win32-x64": "0.19.5"
+      }
+    },
+    "estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "peer": true,
+      "requires": {
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "event-emitter": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/event-emitter/-/event-emitter-0.3.5.tgz",
+      "integrity": "sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==",
+      "requires": {
+        "d": "1",
+        "es5-ext": "~0.10.14"
+      }
+    },
+    "ext": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/ext/-/ext-1.7.0.tgz",
+      "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==",
+      "requires": {
+        "type": "^2.7.2"
+      },
+      "dependencies": {
+        "type": {
+          "version": "2.7.2",
+          "resolved": "https://registry.npmjs.org/type/-/type-2.7.2.tgz",
+          "integrity": "sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw=="
+        }
+      }
+    },
+    "globalyzer": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz",
+      "integrity": "sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q=="
+    },
+    "globrex": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz",
+      "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg=="
+    },
+    "intl-messageformat": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-9.13.0.tgz",
+      "integrity": "sha512-7sGC7QnSQGa5LZP7bXLDhVDtQOeKGeBFGHF2Y8LVBwYZoQZCgWeKoPGTa5GMG8g/TzDgeXuYJQis7Ggiw2xTOw==",
+      "requires": {
+        "@formatjs/ecma402-abstract": "1.11.4",
+        "@formatjs/fast-memoize": "1.2.1",
+        "@formatjs/icu-messageformat-parser": "2.1.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "iobuffer": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/iobuffer/-/iobuffer-5.3.2.tgz",
+      "integrity": "sha512-kO3CjNfLZ9t+tHxAMd+Xk4v3D/31E91rMs1dHrm7ikEQrlZ8mLDbQ4z3tZfDM48zOkReas2jx8MWSAmN9+c8Fw=="
+    },
+    "is-promise": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.2.2.tgz",
+      "integrity": "sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ=="
+    },
+    "is-reference": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.2.tgz",
+      "integrity": "sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==",
+      "peer": true,
+      "requires": {
+        "@types/estree": "*"
+      }
+    },
+    "locate-character": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",
+      "integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==",
+      "peer": true
+    },
+    "lru-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/lru-queue/-/lru-queue-0.1.0.tgz",
+      "integrity": "sha512-BpdYkt9EvGl8OfWHDQPISVpcl5xZthb+XPsbELj5AQXxIC8IriDZIQYjBJPEm5rS420sjZ0TLEzRcq5KdBhYrQ==",
+      "requires": {
+        "es5-ext": "~0.10.2"
+      }
+    },
+    "magic-string": {
+      "version": "0.30.5",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz",
+      "integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==",
+      "peer": true,
+      "requires": {
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      }
+    },
+    "mdn-data": {
+      "version": "2.0.30",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
+      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
+      "peer": true
+    },
+    "memoizee": {
+      "version": "0.4.15",
+      "resolved": "https://registry.npmjs.org/memoizee/-/memoizee-0.4.15.tgz",
+      "integrity": "sha512-UBWmJpLZd5STPm7PMUlOw/TSy972M+z8gcyQ5veOnSDRREz/0bmpyTfKt3/51DhEBqCZQn1udM/5flcSPYhkdQ==",
+      "requires": {
+        "d": "^1.0.1",
+        "es5-ext": "^0.10.53",
+        "es6-weak-map": "^2.0.3",
+        "event-emitter": "^0.3.5",
+        "is-promise": "^2.2.2",
+        "lru-queue": "^0.1.0",
+        "next-tick": "^1.1.0",
+        "timers-ext": "^0.1.7"
+      }
+    },
+    "mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA=="
+    },
+    "netcdfjs": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/netcdfjs/-/netcdfjs-3.0.0.tgz",
+      "integrity": "sha512-LOvT8KkC308qtpUkcBPiCMBtii7ZQCN6LxcVheWgyUeZ6DQWcpSRFV9dcVXLj/2eHZ/bre9tV5HTH4Sf93vrFw==",
+      "requires": {
+        "iobuffer": "^5.3.2"
+      }
+    },
+    "next-tick": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz",
+      "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ=="
+    },
+    "node-gyp-build": {
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.6.1.tgz",
+      "integrity": "sha512-24vnklJmyRS8ViBNI8KbtK/r/DmXQMRiOMXTNz2nrTnAYUwjmEEbnnpB/+kt+yWRv73bPsSPRFddrcIbAxSiMQ=="
+    },
+    "pako": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-2.1.0.tgz",
+      "integrity": "sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug=="
+    },
+    "periscopic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz",
+      "integrity": "sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==",
+      "peer": true,
+      "requires": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^3.0.0",
+        "is-reference": "^3.0.0"
+      }
+    },
+    "sade": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
+      "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
+      "requires": {
+        "mri": "^1.1.0"
+      }
+    },
+    "semiver": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/semiver/-/semiver-1.1.0.tgz",
+      "integrity": "sha512-QNI2ChmuioGC1/xjyYwyZYADILWyW6AmS1UH6gDj/SFUUUS4MBAWs/7mxnkRPc/F4iHezDP+O8t0dO8WHiEOdg=="
+    },
+    "source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "peer": true
+    },
+    "svelte": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.2.tgz",
+      "integrity": "sha512-My2tytF2e2NnHSpn2M7/3VdXT4JdTglYVUuSuK/mXL2XtulPYbeBfl8Dm1QiaKRn0zoULRnL+EtfZHHP0k4H3A==",
+      "peer": true,
+      "requires": {
+        "@ampproject/remapping": "^2.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.15",
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "acorn": "^8.9.0",
+        "aria-query": "^5.3.0",
+        "axobject-query": "^3.2.1",
+        "code-red": "^1.0.3",
+        "css-tree": "^2.3.1",
+        "estree-walker": "^3.0.3",
+        "is-reference": "^3.0.1",
+        "locate-character": "^3.0.0",
+        "magic-string": "^0.30.4",
+        "periscopic": "^3.1.0"
+      }
+    },
+    "svelte-i18n": {
+      "version": "3.7.4",
+      "resolved": "https://registry.npmjs.org/svelte-i18n/-/svelte-i18n-3.7.4.tgz",
+      "integrity": "sha512-yGRCNo+eBT4cPuU7IVsYTYjxB7I2V8qgUZPlHnNctJj5IgbJgV78flsRzpjZ/8iUYZrS49oCt7uxlU3AZv/N5Q==",
+      "requires": {
+        "cli-color": "^2.0.3",
+        "deepmerge": "^4.2.2",
+        "esbuild": "^0.19.2",
+        "estree-walker": "^2",
+        "intl-messageformat": "^9.13.0",
+        "sade": "^1.8.1",
+        "tiny-glob": "^0.2.9"
+      },
+      "dependencies": {
+        "estree-walker": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+          "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+        }
+      }
+    },
+    "timers-ext": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/timers-ext/-/timers-ext-0.1.7.tgz",
+      "integrity": "sha512-b85NUNzTSdodShTIbky6ZF02e8STtVVfD+fu4aXXShEELpozH+bCpJLYMPZbsABN2wDH7fJpqIoXxJpzbf0NqQ==",
+      "requires": {
+        "es5-ext": "~0.10.46",
+        "next-tick": "1"
+      }
+    },
+    "tiny-glob": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz",
+      "integrity": "sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==",
+      "requires": {
+        "globalyzer": "0.1.0",
+        "globrex": "^0.1.2"
+      }
+    },
+    "tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+    },
+    "type": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/type/-/type-1.2.0.tgz",
+      "integrity": "sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg=="
+    },
+    "upng-js": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/upng-js/-/upng-js-2.1.0.tgz",
+      "integrity": "sha512-d3xzZzpMP64YkjP5pr8gNyvBt7dLk/uGI67EctzDuVp4lCZyVMo0aJO6l/VDlgbInJYDY6cnClLoBp29eKWI6g==",
+      "requires": {
+        "pako": "^1.0.5"
+      },
+      "dependencies": {
+        "pako": {
+          "version": "1.0.11",
+          "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+          "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="
+        }
+      }
+    },
+    "ws": {
+      "version": "8.14.2",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
+      "integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==",
+      "requires": {}
+    }
+  }
+}

src/frontend/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "gradio_molecule3d",
+  "version": "0.2.1",
+  "description": "Gradio UI packages",
+  "type": "module",
+  "author": "",
+  "license": "ISC",
+  "private": false,
+  "dependencies": {
+    "@gradio/atoms": "0.2.0",
+    "@gradio/client": "0.7.1",
+    "@gradio/icons": "0.2.0",
+    "@gradio/statustracker": "0.3.0",
+    "@gradio/upload": "0.3.1",
+    "@gradio/utils": "0.2.0",
+    "3dmol": "^2.0.6"
+  },
+  "main": "./Index.svelte",
+  "main_changeset": true,
+  "exports": {
+    ".": "./Index.svelte",
+    "./example": "./Example.svelte",
+    "./package.json": "./package.json"
+  }
+}

src/frontend/shared/File.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+  import type { FileData } from "@gradio/client";
+  import { BlockLabel, Empty } from "@gradio/atoms";
+  import { File } from "@gradio/icons";
+  import FilePreview from "./FilePreview.svelte";
+
+  import MolecularViewer from "./MolecularViewer.svelte";
+
+  import type { I18nFormatter } from "@gradio/utils";
+
+  export let value: FileData | FileData[] | null = null;
+  export let label: string;
+  export let show_label = true;
+  export let selectable = false;
+  export let height: number | undefined = undefined;
+  export let i18n: I18nFormatter;
+  export let config = {};
+  export let confidenceLabel = "";
+  export let representations = [];
+  export let moldata = null;
+  export let errors = [];
+</script>
+
+<BlockLabel
+  {show_label}
+  float={value === null}
+  Icon={File}
+  label={label || "File"}
+/>
+
+{#if value}
+  <FilePreview {i18n} {selectable} on:select {value} {height} />
+
+  <!-- {JSON.stringify(moldata)} -->
+  {#if moldata != null}
+    <MolecularViewer {moldata} {config} {confidenceLabel} {representations} />
+  {/if}
+{:else}
+  <Empty unpadded_box={true} size="large"><File /></Empty>
+{/if}

src/frontend/shared/FilePreview.svelte

@@ -0,0 +1,110 @@
+<script lang="ts">
+	import type { FileData } from "@gradio/client";
+	import { display_file_name, display_file_size } from "./utils";
+	import { createEventDispatcher } from "svelte";
+	import type { I18nFormatter, SelectData } from "@gradio/utils";
+
+	const dispatch = createEventDispatcher<{
+		select: SelectData;
+	}>();
+	export let value: FileData | FileData[];
+	export let selectable = false;
+	export let height: number | undefined = undefined;
+	export let i18n: I18nFormatter;
+</script>
+
+<div
+	class="file-preview-holder"
+	style="max-height: {typeof height === undefined ? 'auto' : height + 'px'};"
+>
+	<table class="file-preview">
+		<tbody>
+			{#each Array.isArray(value) ? value : [value] as file, i}
+				<tr
+					class="file"
+					class:selectable
+					on:click={() =>
+						dispatch("select", {
+							value: file.orig_name,
+							index: i
+						})}
+				>
+					<td>
+						{display_file_name(file)}
+					</td>
+
+					<td class="download">
+						{#if file.url}
+							<a
+								href={file.url}
+								target="_blank"
+								download={window.__is_colab__ ? null : file.orig_name}
+							>
+								{@html display_file_size(file)}&nbsp;&#8675;
+							</a>
+						{:else}
+							{i18n("file.uploading")}
+						{/if}
+					</td>
+				</tr>
+			{/each}
+		</tbody>
+	</table>
+</div>
+
+<style>
+	td {
+		width: 45%;
+	}
+
+	td:last-child {
+		width: 10%;
+		text-align: right;
+	}
+	.file-preview-holder {
+		overflow-x: auto;
+		overflow-y: auto;
+	}
+	.file-preview {
+		width: var(--size-full);
+		max-height: var(--size-60);
+		overflow-y: auto;
+		margin-top: var(--size-1);
+		color: var(--body-text-color);
+	}
+	.file {
+		width: var(--size-full);
+	}
+
+	.file > * {
+		padding: var(--size-1) var(--size-2-5);
+	}
+
+	.download:hover {
+		text-decoration: underline;
+	}
+	.download > a {
+		color: var(--link-text-color);
+	}
+
+	.download > a:hover {
+		color: var(--link-text-color-hover);
+	}
+	.download > a:visited {
+		color: var(--link-text-color-visited);
+	}
+	.download > a:active {
+		color: var(--link-text-color-active);
+	}
+	.selectable {
+		cursor: pointer;
+	}
+
+	tbody > tr:nth-child(even) {
+		background: var(--block-background-fill);
+	}
+
+	tbody > tr:nth-child(odd) {
+		background: var(--table-odd-background-fill);
+	}
+</style>

src/frontend/shared/FileRetrieval.svelte

@@ -0,0 +1,236 @@
+<script lang="ts">
+  import { createEventDispatcher, tick, getContext } from "svelte";
+
+  // import { upload_files as default_upload_files } from "@gradio/client";
+
+  // import { blobToBase64, normalise_file } from "@gradio/upload";
+  import {
+    upload,
+    prepare_files,
+    normalise_file,
+    type FileData,
+  } from "@gradio/client";
+
+  import LoadingSpinner from "./loading_spinner.svelte";
+  let uploaded_files;
+
+  const dispatch = createEventDispatcher();
+
+  export let root: string;
+
+  const upload_fn = getContext<typeof upload_files>("upload_files");
+
+  async function handle_upload(file_data: FileData[]): Promise<void> {
+    await tick();
+    uploaded_files = await upload(file_data, root, upload_fn);
+    uploaded_files[0].orig_name = file_data.name;
+    uploaded_files[0].size = file_data.size;
+    dispatch("load", uploaded_files);
+  }
+
+  // async function handle_upload(file_data: FileData[]): Promise<void> {
+  //   await tick();
+  //   let files = (Array.isArray(file_data) ? file_data : [file_data]).map(
+  //     (file_data) => file_data.blob!
+  //   );
+
+  //   await upload_files(root, files).then(async (response) => {
+  //     if (response.error) {
+  //       (Array.isArray(file_data) ? file_data : [file_data]).forEach(
+  //         async (file_data, i) => {
+  //           file_data.data = await blobToBase64(file_data.blob!);
+  //           file_data.blob = undefined;
+  //         }
+  //       );
+  //     } else {
+  //       (Array.isArray(file_data) ? file_data : [file_data]).forEach((f, i) => {
+  //         if (response.files) {
+  //           f.orig_name = f.name;
+  //           f.name = response.files[i];
+  //           f.is_file = true;
+  //           f.blob = undefined;
+  //           normalise_file(f, root, null);
+  //         }
+  //       });
+  //     }
+  //   });
+  //   console.log(file_data);
+  //   dispatch("load", file_data);
+  // }
+
+  let loading = false;
+
+  async function fetchFromDB(identifier, database): Promise<void> {
+    let dbs = {
+      pdb_assym: {
+        url: "https://files.rcsb.org/view/",
+        ext: ".pdb",
+      },
+      pdb_bioass: {
+        url: "https://files.rcsb.org/view/",
+        ext: ".pdb1",
+      },
+      af: {
+        url: "https://alphafold.ebi.ac.uk/files/AF-",
+        ext: "-F1-model_v4.pdb",
+      },
+      esm: {
+        url: "https://api.esmatlas.com/fetchPredictedStructure/",
+        ext: ".pdb",
+      },
+      // pubchem: "pubchem",
+      // text: "text",
+    };
+    let url = dbs[database]["url"];
+    let ext = dbs[database]["ext"];
+    // load the file and save blob
+
+    // emulate file upload by fetching from the db and triggering upload
+    // check if response status is 200, then return blob
+
+    loading = true;
+    let file = null;
+    try {
+      file = await fetch(url + identifier + ext).then((r) => {
+        loading = false;
+        if (r.status == 200) {
+          let b = r.blob();
+          b.name = identifier + ext;
+          return b;
+        } else {
+          dispatch("notfound");
+        }
+      });
+    } catch (error) {
+      loading = false;
+      dispatch("notfound");
+    }
+
+    let file_data = {
+      name: identifier + ".pdb",
+      size: file.size,
+      data: "",
+      blob: file,
+    };
+
+    await handle_upload(file_data);
+  }
+
+  let selectedValue = "pdb_assym";
+  let placeholder = "";
+  let textInput = "";
+  function handleSelect(event) {
+    selectedValue = event.target.value;
+  }
+  let placeholders = {
+    pdb_assym: "Enter PDB identifier",
+    pdb_bioass: "Enter PDB identifier",
+    af: "Enter UniProt identifier",
+    esm: "Enter MGnify protein identifier",
+    // pubchem: "Enter PubChem identifier",
+    // text: "Enter molecule in PDB or mol2 format",
+  };
+  $: placeholder = placeholders[selectedValue];
+
+  function isEnterPressed(event) {
+    if (event.key === "Enter") {
+      fetchFromDB(textInput, selectedValue);
+    }
+  }
+</script>
+
+<div class="flex mt-2">
+  <div class="flex input wfull">
+    <input
+      type="text"
+      {placeholder}
+      class="wfull inp"
+      bind:value={textInput}
+      on:keydown={isEnterPressed}
+    />
+    <select name="" id="" class="select" on:change={handleSelect}>
+      <option value="pdb_assym">PDB Assym. Unit</option>
+      <option value="pdb_bioass">PDB BioAssembly</option>
+      <option value="af">AlphaFold DB</option>
+      <option value="esm">ESMFold DB</option>
+      <!-- <option value="pubchem">Pubchem</option>
+      <option value="text">Text input</option> -->
+    </select>
+  </div>
+  <button
+    class="btn text-center"
+    on:click={() => fetchFromDB(textInput, selectedValue)}
+  >
+    {#if loading}
+      <LoadingSpinner />
+    {:else}
+      <span>Fetch</span>
+    {/if}
+  </button>
+</div>
+<span class="or py">- or -</span>
+
+<style>
+  .py {
+    padding: 10px 0;
+  }
+  .btn {
+    margin: 0 5px;
+    padding: 3px 15px;
+    border: var(--button-border-width) solid
+      var(--button-secondary-border-color);
+    background: var(--button-secondary-background-fill);
+    color: var(--button-secondary-text-color);
+    border-radius: var(--button-large-radius);
+    padding: var(--button-large-padding);
+    font-weight: var(--button-large-text-weight);
+    font-size: var(--button-large-text-size);
+    cursor: pointer;
+  }
+  .btn:hover {
+    border-color: var(--button-secondary-border-color-hover);
+    background: var(--button-secondary-background-fill-hover);
+    color: var(--button-secondary-text-color-hover);
+    box-shadow: var(--button-shadow-hover);
+  }
+  .or {
+    color: var(--body-text-color-subdued);
+    text-align: center;
+    display: block;
+  }
+  .wfull {
+    width: 100%;
+  }
+  .mt-2 {
+    margin-top: 2rem;
+  }
+
+  .input {
+    box-shadow: var(--input-shadow);
+    background: var(--input-background-fill);
+    border: var(--input-border-width) solid var(--input-border-color);
+    border-radius: var(--input-radius);
+    margin: 0 5px;
+  }
+  .select {
+    outline: none;
+    border: none;
+  }
+  .flex {
+    display: flex;
+    justify-content: space-between;
+  }
+  .inp {
+    width: 100%;
+    border: 0 #fff !important;
+    outline: none !important;
+  }
+  .inp:focus,
+  .inp:hover {
+    border: 0 !important;
+    outline: none !important;
+  }
+  .text-center {
+    text-align: center;
+  }
+</style>

src/frontend/shared/FileUpload.svelte

@@ -0,0 +1,99 @@
+<script lang="ts">
+  import { createEventDispatcher, tick } from "svelte";
+  import { Upload, ModifyUpload } from "@gradio/upload";
+  import type { FileData } from "@gradio/client";
+  import { BlockLabel } from "@gradio/atoms";
+  import { File } from "@gradio/icons";
+  import FileRetrieval from "./FileRetrieval.svelte";
+
+  import FilePreview from "./FilePreview.svelte";
+  import type { I18nFormatter } from "@gradio/utils";
+  import MolecularViewer from "./MolecularViewer.svelte";
+
+  export let value: null | FileData | FileData[];
+
+  export let label: string;
+  export let show_label = true;
+  export let file_count = "single";
+  export let file_types: string[] | null = null;
+  export let selectable = false;
+  export let root: string;
+  export let height: number | undefined = undefined;
+  export let i18n: I18nFormatter;
+
+  export let config = {};
+  export let confidenceLabel = "";
+  export let representations = [];
+  export let moldata = null;
+
+  async function handle_upload({
+    detail,
+  }: CustomEvent<FileData | FileData[]>): Promise<void> {
+    value = detail;
+    await tick();
+    dispatch("change", value);
+    dispatch("upload", detail);
+  }
+
+  function handle_clear(): void {
+    value = null;
+    dispatch("change", null);
+    dispatch("clear");
+  }
+
+  const dispatch = createEventDispatcher<{
+    change: FileData[] | FileData | null;
+    clear: undefined;
+    drag: boolean;
+    upload: FileData[] | FileData;
+    load: FileData[] | FileData;
+    error: string;
+  }>();
+
+  let accept_file_types: string | null;
+  if (file_types == null) {
+    accept_file_types = null;
+  } else {
+    file_types = file_types.map((x) => {
+      if (x.startsWith(".")) {
+        return x;
+      }
+      return x + "/*";
+    });
+    accept_file_types = file_types.join(", ");
+  }
+
+  let dragging = false;
+  $: dispatch("drag", dragging);
+</script>
+
+<BlockLabel
+  {show_label}
+  Icon={File}
+  float={value === null}
+  label={label || "File"}
+/>
+
+{#if value}
+  <ModifyUpload {i18n} on:clear={handle_clear} absolute />
+  <FilePreview {i18n} on:select {selectable} {value} {height} />
+
+  {#if moldata != null}
+    <MolecularViewer {moldata} {config} {confidenceLabel} {representations} />
+  {/if}
+{:else}
+  <FileRetrieval
+    {root}
+    on:load={handle_upload}
+    on:notfound={() => dispatch("notfound")}
+  />
+  <Upload
+    on:load={handle_upload}
+    filetype={accept_file_types}
+    {file_count}
+    {root}
+    bind:dragging
+  >
+    <slot />
+  </Upload>
+{/if}

src/frontend/shared/MolecularViewer.svelte

@@ -0,0 +1,2277 @@
+<script lang="ts">
+  import * as mol from "3dmol/build/3Dmol.js";
+  let TDmol = mol.default;
+
+  import { onMount } from "svelte";
+
+  // import RepresentationsIcon from "../static/RepresentationsIcon.svelte";
+  // import JSZip from "jszip";
+  // import { saveAs } from "file-saver";
+
+  let viewer;
+  export let confidenceLabel = null;
+
+  export let moldata = null;
+  // [
+  // { data: propdata, name: "Input", format: "pdb", asFrames: false },
+  // { data: moldata2, name: "Output", format: "pdb", asFrames: true },
+  // ];
+
+  let settings = {
+    backgroundColor: {
+      type: "select",
+      options: ["white", "black", "gray", "lightgray", "beige", "orange"],
+    },
+    orthographic: {
+      type: "toggle",
+    },
+    disableFog: {
+      type: "toggle",
+    },
+  };
+  export let config = {};
+
+  // {
+  //   backgroundColor: "white",
+  //   orthographic: false,
+  //   disableFog: false,
+  // };
+
+  $: {
+    if (view != undefined) {
+      view.setBackgroundColor(config.backgroundColor);
+      view.enableFog(!config.disableFog);
+      view.setCameraParameters({ orthographic: config.orthographic });
+    }
+  }
+
+  let labelHover = true;
+
+  let showCiteTooltip = false;
+
+  function toggleCiteTooltip() {
+    showCiteTooltip = !showCiteTooltip;
+  }
+
+  export let representations = [];
+
+  let showOffCanvas = false;
+  let showOffCanvasReps = false;
+
+  function toggleOffCanvas() {
+    showOffCanvas = !showOffCanvas;
+  }
+
+  function toggleOffCanvasReps() {
+    showOffCanvasReps = !showOffCanvasReps;
+  }
+  function deleteRep(index) {
+    representations.splice(index, 1);
+    representations = representations;
+  }
+  function insertRep() {
+    representations.push({
+      model: 0,
+      chain: "",
+      resname: "",
+      style: "cartoon",
+      color: "grayCarbon",
+      residue_range: "",
+      around: 0,
+      byres: false,
+      visible: true,
+    });
+    representations = representations;
+  }
+
+  function fade(node, { delay = 0, duration = 50 }) {
+    const o = +getComputedStyle(node).opacity;
+
+    return {
+      delay,
+      duration,
+      css: (t) => `opacity: ${t * o}`,
+    };
+  }
+  let colorAlpha = function (atom) {
+    if (atom.b < 50) {
+      return "OrangeRed";
+    } else if (atom.b < 70) {
+      return "Gold";
+    } else if (atom.b < 90) {
+      return "MediumTurquoise";
+    } else {
+      return "Blue";
+    }
+  };
+  let view;
+
+  function resetZoom(rep) {
+    // if is not pointerevent
+    if (rep.type != undefined) {
+      view.zoomTo();
+    } else {
+      let sel = {
+        model: rep.model,
+      };
+      if (rep.chain !== "") {
+        sel.chain = rep.chain;
+      }
+      if (rep.residue_range !== "") {
+        sel.resi = rep.residue_range;
+      }
+      if (rep.resname !== "") {
+        sel.resn = rep.resname;
+      }
+      view.zoomTo(sel);
+    }
+  }
+  function applyStyles(representations) {
+    if (view !== undefined) {
+      view.setStyle();
+      view.removeAllSurfaces();
+      representations.forEach((rep) => {
+        let colorObj;
+
+        if (rep.color === "alphafold") {
+          colorObj = { colorfunc: colorAlpha };
+        } else if (rep.color == "spectrum") {
+          colorObj = { color: "spectrum" };
+        } else {
+          colorObj = { colorscheme: rep.color };
+        }
+        let selObj = { model: rep.model };
+        if (rep.chain !== "") {
+          selObj.chain = rep.chain;
+        }
+        if (rep.residue_range !== "") {
+          selObj.resi = rep.residue_range;
+        }
+        if (rep.resname !== "") {
+          selObj.resn = rep.resname;
+        }
+        selObj.byres = rep.byres;
+        if (rep.around !== 0) {
+          selObj.expand = rep.around;
+        }
+        if (rep.sidechain) {
+          selObj = {
+            and: [selObj, { atom: ["N", "C", "O"], invert: true }],
+          };
+        }
+        if (rep.style === "surface") {
+          colorObj.opacity = 0.8;
+          view.addSurface(TDmol.SurfaceType.VDW, colorObj, selObj);
+        } else {
+          try {
+            if (view.getModel(selObj.model) != null) {
+              view.addStyle(selObj, {
+                [rep.style]: colorObj,
+              });
+            }
+          } catch (error) {
+            console.log(error);
+          }
+        }
+      });
+
+      view.render();
+    }
+  }
+
+  // function downloadFiles() {
+  //   var zip = new JSZip();
+  //   moldata.forEach((element, i) => {
+  //     zip.file(element.name + "_" + i + "." + element.format, element.data);
+  //   });
+  //   zip.generateAsync({ type: "blob" }).then(function (content) {
+  //     saveAs(content, "files.zip");
+  //   });
+  // }
+
+  onMount(() => {
+    let startingConfig = { ...config, cartoonQuality: 7 };
+
+    view = TDmol.createViewer(viewer, startingConfig);
+
+    //filter duplicate representations
+    let uniqueReps = [];
+    representations.forEach((rep) => {
+      if (
+        !uniqueReps.some(
+          (uniqueRep) =>
+            uniqueRep.model === rep.model &&
+            uniqueRep.chain === rep.chain &&
+            uniqueRep.resname === rep.resname &&
+            uniqueRep.style === rep.style &&
+            uniqueRep.color === rep.color &&
+            uniqueRep.residue_range === rep.residue_range &&
+            uniqueRep.around === rep.around &&
+            uniqueRep.byres === rep.byres &&
+            uniqueRep.sidechain === rep.sidechain
+        )
+      ) {
+        uniqueReps.push(rep);
+      }
+    });
+    representations = uniqueReps;
+
+    if (moldata.length > 0) {
+      moldata.forEach((element) => {
+        if (element.asFrames) {
+          view.addModelsAsFrames(element.data, element.format);
+        } else {
+          view.addModel(element.data, element.format);
+        }
+      });
+    }
+
+    applyStyles(representations);
+    view.zoomTo();
+    view.render();
+    view.zoom(0.8, 2000);
+
+    representations.forEach((rep) => {
+      if (rep.color === "alphafold") {
+        anyColorAlphaFold = true;
+      }
+    });
+
+    if (labelHover) {
+      view.setHoverable(
+        {},
+        true,
+        function (atom, view, event, container) {
+          if (!atom.label) {
+            let label;
+            if (anyColorAlphaFold) {
+              label =
+                atom.resn +
+                ":" +
+                atom.resi +
+                ":" +
+                atom.atom +
+                " (" +
+                confidenceLabel +
+                " " +
+                atom.b +
+                ")";
+            } else {
+              label = atom.resn + ":" + atom.resi + ":" + atom.atom;
+            }
+            atom.label = view.addLabel(label, {
+              position: atom,
+              backgroundColor: "#ffffff",
+              borderColor: "#dddddd",
+              fontColor: "black",
+            });
+          }
+        },
+        function (atom, view) {
+          if (atom.label) {
+            view.removeLabel(atom.label);
+            delete atom.label;
+          }
+        }
+      );
+    }
+  });
+
+  $: applyStyles(representations);
+  let hasFrames = false;
+  $: {
+    moldata.forEach((element) => {
+      if (element.asFrames) {
+        hasFrames = true;
+      }
+    });
+  }
+  let isAnimated = false;
+
+  let anyColorAlphaFold = false;
+  $: {
+    anyColorAlphaFold = false;
+    representations.forEach((rep) => {
+      if (rep.color === "alphafold") {
+        anyColorAlphaFold = true;
+      }
+    });
+  }
+  function toggleAnimation() {
+    console.log(view.isAnimated());
+    if (isAnimated) {
+      view.pauseAnimate();
+    } else {
+      view.animate({ loop: "forward", reps: 0 });
+    }
+    view.render();
+    console.log(view.isAnimated());
+    isAnimated = !isAnimated;
+  }
+</script>
+
+<div class="bg-white w-full minh">
+  <div class="overflow-hidden flex gap-px w-full h-full flex-wrap">
+    <div class="gr-block gr-box relative w-full overflow-hidden">
+      <!-- <div
+        style="  "
+        class="absolute z-50 top-0 left-0 bg-white rounded-br border-b border-r border-gray-200 p-1"
+      >
+        <span class=" flex items-center space-x-1 text-xs text-gray-500"
+          ><svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="100%"
+            height="100%"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="1.5"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            class="feather feather-file h-3 w-3"
+            ><path
+              d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"
+            /><polyline points="13 2 13 9 20 9" /></svg
+          > <span>Molecule3D</span>
+        </span>
+      </div> -->
+
+      <div
+        class="absolute z-50 top-0 right-0 mr-2 flex flex-col divide-y border border-gray-200 mt-2 rounded items-center justify-center bg-white dark:bg-gray-800"
+      >
+        <button class="p-2" title="Reset View" on:click={resetZoom}>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="1.5"
+            stroke="currentColor"
+            class="w-4 h-4 text-gray-500 hover:text-orange-600 cursor-pointer"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M9 9V4.5M9 9H4.5M9 9L3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5l5.25 5.25"
+            />
+          </svg>
+        </button>
+        <button class="p-2" title="Settings" on:click={toggleOffCanvas}>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="1.5"
+            stroke="currentColor"
+            class="w-5 h-5 text-gray-500 hover:text-orange-600 cursor-pointer"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M10.5 6h9.75M10.5 6a1.5 1.5 0 11-3 0m3 0a1.5 1.5 0 10-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-9.75 0h9.75"
+            />
+          </svg>
+        </button>
+
+        <button
+          class="p-2"
+          title="Representations"
+          on:click={toggleOffCanvasReps}
+        >
+          <!-- <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="1.5"
+            stroke="currentColor"
+            class="w-5 h-5 text-gray-500 hover:text-orange-600 cursor-pointer"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M21.75 6.75a4.5 4.5 0 01-4.884 4.484c-1.076-.091-2.264.071-2.95.904l-7.152 8.684a2.548 2.548 0 11-3.586-3.586l8.684-7.152c.833-.686.995-1.874.904-2.95a4.5 4.5 0 016.336-4.486l-3.276 3.276a3.004 3.004 0 002.25 2.25l3.276-3.276c.256.565.398 1.192.398 1.852z"
+            />
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M4.867 19.125h.008v.008h-.008v-.008z"
+            />
+          </svg> -->
+
+          <!-- CC BY ND  zwicon https://www.zwicon.com -->
+          <svg
+            class="w-5 h-5 text-gray-500 hover:text-orange-600 cursor-pointer"
+            viewBox="0 0 24 24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M12.0281146,15 L12.5,15 C13.3284271,15 14,15.6715729 14,16.5 L14,20.5 C14,21.3284271 13.3284271,22 12.5,22 L10.5,22 C9.67157288,22 9,21.3284271 9,20.5 L9,16.5 C9,15.6715729 9.67157288,15 10.5,15 L11.0167145,15 C11.1492163,13.8570393 12.0552513,12.9352285 13.2239212,12.8053762 L18.6656473,12.20074 C19.4252963,12.1163346 20,11.4742382 20,10.7099144 L20,8.5 C20,7.67157288 19.3284271,7 18.5,7 C18.2238576,7 18,6.77614237 18,6.5 C18,6.22385763 18.2238576,6 18.5,6 C19.8807119,6 21,7.11928813 21,8.5 L21,10.7099144 C21,11.9837875 20.0421605,13.053948 18.7760788,13.1946238 L13.3343527,13.79926 C12.6731623,13.8727256 12.1520824,14.3686853 12.0281146,15 Z M10.5,16 C10.2238576,16 10,16.2238576 10,16.5 L10,20.5 C10,20.7761424 10.2238576,21 10.5,21 L12.5,21 C12.7761424,21 13,20.7761424 13,20.5 L13,16.5 C13,16.2238576 12.7761424,16 12.5,16 L10.5,16 Z M5.49996942,2.99995128 L16.5,2.99995128 C17.8807119,2.99995128 19,4.11923941 19,5.49995128 L19,7.5 C19,8.88071187 17.8807119,10 16.5,10 L5.49996942,10 C4.11925755,10 2.99996942,8.88071187 2.99996942,7.5 L2.99996942,5.49995128 C2.99996942,4.11923941 4.11925755,2.99995128 5.49996942,2.99995128 Z M5.49996942,3.99995128 C4.6715423,3.99995128 3.99996942,4.67152416 3.99996942,5.49995128 L3.99996942,7.5 C3.99996942,8.32842712 4.6715423,9 5.49996942,9 L16.5,9 C17.3284271,9 18,8.32842712 18,7.5 L18,5.49995128 C18,4.67152416 17.3284271,3.99995128 16.5,3.99995128 L5.49996942,3.99995128 Z"
+            />
+          </svg>
+        </button>
+
+        <!-- <button class="p-2" title="Download files">
+          <svg
+            aria-hidden="true"
+            fill="currentColor"
+            viewBox="0 0 20 20"
+            xmlns="http://www.w3.org/2000/svg"
+            class="w-5 h-5 text-gray-500 hover:text-orange-600 cursor-pointer"
+          >
+            <path
+              d="M10.75 2.75a.75.75 0 00-1.5 0v8.614L6.295 8.235a.75.75 0 10-1.09 1.03l4.25 4.5a.75.75 0 001.09 0l4.25-4.5a.75.75 0 00-1.09-1.03l-2.955 3.129V2.75z"
+            />
+            <path
+              d="M3.5 12.75a.75.75 0 00-1.5 0v2.5A2.75 2.75 0 004.75 18h10.5A2.75 2.75 0 0018 15.25v-2.5a.75.75 0 00-1.5 0v2.5c0 .69-.56 1.25-1.25 1.25H4.75c-.69 0-1.25-.56-1.25-1.25v-2.5z"
+            />
+          </svg>
+        </button> -->
+      </div>
+
+      {#if anyColorAlphaFold}
+        <div class="absolute bottom-0 left-0 z-50 p-2 -mb-2 w-full bg-white">
+          <div class="flex text-sm items-center space-x-2 justify-center">
+            <div class="flex space-x-1 py-1 items-center">
+              <span class="w-4 h-4" style="background-color: rgb(0, 83, 214);"
+                >&nbsp;</span
+              ><span class="legendlabel"
+                >Very high ({confidenceLabel} &gt; 90)</span
+              >
+            </div>
+            <div class="flex space-x-1 py-1 items-center">
+              <span
+                class="w-4 h-4"
+                style="background-color: rgb(101, 203, 243);">&nbsp;</span
+              ><span class="legendlabel"
+                >Confident (90 &gt; {confidenceLabel} &gt; 70)</span
+              >
+            </div>
+            <div class="flex space-x-1 py-1 items-center">
+              <span class="w-4 h-4" style="background-color: rgb(255, 219, 19);"
+                >&nbsp;</span
+              ><span class="legendlabel"
+                >Low (70 &gt; {confidenceLabel} &gt; 50)</span
+              >
+            </div>
+            <div class="flex space-x-1 py-1 items-center">
+              <span class="w-4 h-4" style="background-color: rgb(255, 125, 69);"
+                >&nbsp;</span
+              ><span class="legendlabel"
+                >Very low ({confidenceLabel} &lt; 50)</span
+              >
+            </div>
+          </div>
+        </div>
+      {/if}
+
+      {#if hasFrames}
+        <div
+          class="absolute z-50 bottom-0 right-0 mr-2 flex divide-x border border-gray-200 mb-2 rounded items-center justify-center"
+        >
+          {#if !isAnimated}
+            <button class="p-2" title="Play" on:click={toggleAnimation}>
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke-width="2"
+                stroke="currentColor"
+                class="w-4 h-4 text-gray-500 hover:text-orange-600 cursor-pointer"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.348a1.125 1.125 0 010 1.971l-11.54 6.347a1.125 1.125 0 01-1.667-.985V5.653z"
+                />
+              </svg>
+            </button>
+          {:else}
+            <button class="p-2" title="Pause" on:click={toggleAnimation}>
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke-width="2"
+                stroke="currentColor"
+                class="w-4 h-4 text-gray-500 hover:text-orange-600 cursor-pointer"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  d="M5.25 7.5A2.25 2.25 0 017.5 5.25h9a2.25 2.25 0 012.25 2.25v9a2.25 2.25 0 01-2.25 2.25h-9a2.25 2.25 0 01-2.25-2.25v-9z"
+                />
+              </svg>
+
+              <!-- <svg
+                                xmlns="http://www.w3.org/2000/svg"
+                                fill="none"
+                                viewBox="0 0 24 24"
+                                stroke-width="2"
+                                stroke="currentColor"
+                                class="w-4 h-4 text-gray-500 hover:text-orange-600 cursor-pointer"
+                            >
+                                <path
+                                    stroke-linecap="round"
+                                    stroke-linejoin="round"
+                                    d="M15.75 5.25v13.5m-7.5-13.5v13.5"
+                                />
+                            </svg> -->
+            </button>
+          {/if}
+        </div>
+      {/if}
+
+      <div
+        class="absolute z-50 bottom-0 left-0 ml-2 flex divide-x mb-2 rounded items-center justify-center"
+      >
+        <button
+          class="p-1"
+          title="How to cite 3Dmol.js"
+          on:click={toggleCiteTooltip}
+        >
+          <svg
+            class="w-4 h-4 text-gray-500 hover:text-orange-600 cursor-pointer fill-current"
+            viewBox="0 0 20 20"
+            xmlns="http://www.w3.org/2000/svg"
+            ><g id="SVGRepo_bgCarrier" stroke-width="0" /><g
+              id="SVGRepo_tracerCarrier"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            /><g id="SVGRepo_iconCarrier"
+              ><path
+                d="M12.6 7.6v3.9h-1.1v4.6h-3v-4.6H7.4V7.6c0-.3.3-.6.6-.6h4c.3 0 .6.3.6.6zM10 6.5c.7 0 1.3-.6 1.3-1.3 0-.7-.6-1.3-1.3-1.3-.7 0-1.3.6-1.3 1.3 0 .7.6 1.3 1.3 1.3zm9.6 3.5c0 2.7-.9 4.9-2.7 6.7-1.9 1.9-4.2 2.9-6.9 2.9-2.6 0-4.9-.9-6.8-2.8C1.3 14.9.4 12.7.4 10c0-2.6.9-4.9 2.8-6.8C5.1 1.3 7.3.4 10 .4s5 .9 6.8 2.8c1.9 1.8 2.8 4.1 2.8 6.8zm-1.7 0c0-2.2-.8-4-2.3-5.6C14 2.9 12.2 2.1 10 2.1c-2.2 0-4 .8-5.5 2.3C2.9 6 2.1 7.9 2.1 10c0 2.1.8 4 2.3 5.5s3.4 2.3 5.6 2.3c2.1 0 4-.8 5.6-2.4 1.5-1.4 2.3-3.2 2.3-5.4z"
+              /></g
+            ></svg
+          >
+        </button>
+
+        <span
+          class=" absolute -top-1 left-6 w-max rounded bg-gray-900 px-2 py-1 text-sm font-medium text-gray-50 opacity-0 shadow transition-opacity"
+          class:opacity-100={showCiteTooltip}
+        >
+          Cite 3dmol.js as Rego & Koes, doi:10/gb5g5n
+        </span>
+      </div>
+
+      <div class="viewer w-full h-full z-10" bind:this={viewer} />
+
+      {#if showOffCanvas}
+        <div
+          id="settings-drawer"
+          class="absolute top-0 right-0 z-50 h-full overflow-y-auto transition-transform bg-gray-100 w-80 dark:bg-gray-800"
+          tabindex="-1"
+          aria-labelledby="settings-drawer-label"
+        >
+          <div class="p-4">
+            <h5
+              id="settings-drawer-label"
+              class="inline-flex items-center mb-4 text-base font-semibold text-gray-500 dark:text-gray-400"
+            >
+              Settings
+            </h5>
+            <button
+              type="button"
+              data-drawer-hide="drawer-example"
+              aria-controls="drawer-example"
+              class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 absolute top-2.5 right-2.5 inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white"
+              on:click={toggleOffCanvas}
+            >
+              <svg
+                aria-hidden="true"
+                class="w-5 h-5"
+                fill="currentColor"
+                viewBox="0 0 20 20"
+                xmlns="http://www.w3.org/2000/svg"
+                ><path
+                  fill-rule="evenodd"
+                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
+                  clip-rule="evenodd"
+                /></svg
+              >
+              <span class="sr-only">Close menu</span>
+            </button>
+          </div>
+          {#each Object.keys(config) as setting}
+            <div class="flex flex-col mb-4 divide-y">
+              <div
+                class="flex items-center border-t border-b border-gray-200 bg-white px-4 py-2 space-x-2"
+              >
+                <label
+                  for={setting}
+                  class="text-sm font-medium text-gray-600 dark:text-gray-400 w-1/2"
+                >
+                  {setting}
+                </label>
+
+                {#if settings[setting].type == "toggle"}
+                  <label
+                    class="relative inline-flex items-center mr-5 cursor-pointer text-center justify-center"
+                  >
+                    <input
+                      type="checkbox"
+                      value=""
+                      class="sr-only peer"
+                      bind:checked={config[setting]}
+                    />
+                    <div
+                      class="w-11 h-6 bg-gray-200 rounded-full peer dark:bg-gray-700 peer-focus:ring-4 peer-focus:ring-orange-300 dark:peer-focus:ring-orange-800 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-orange-400"
+                    />
+                  </label>
+                {/if}
+                {#if settings[setting].type == "range"}
+                  <div class="flex items-center">
+                    <input
+                      id="medium-range"
+                      type="range"
+                      value={config[setting]}
+                      min={settings[setting].min}
+                      max={settings[setting].max}
+                      step={settings[setting].step}
+                      on:change={() => {
+                        config[setting] = event.target.value;
+                      }}
+                      class="w-2/3 h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer dark:bg-gray-700"
+                    />
+                    <span
+                      class="w-1/3 text-center text-sm font-medium text-gray-600 dark:text-gray-400"
+                      >{config[setting]}</span
+                    >
+                  </div>
+                {/if}
+                {#if settings[setting].type == "select"}
+                  <label for={setting} class="sr-only">Select style</label>
+                  <select
+                    id={setting}
+                    class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                    bind:value={config[setting]}
+                  >
+                    {#each settings[setting].options as option}
+                      <option
+                        value={option}
+                        selected={option == config[setting]}
+                      >
+                        {option}
+                      </option>
+                    {/each}
+                  </select>
+                {/if}
+              </div>
+            </div>
+          {/each}
+          <div class="bg-white">
+            <div
+              class="flex items-center border-t border-b border-gray-200 bg-white px-4 py-2 space-x-2"
+            >
+              <label
+                class="text-sm font-medium text-gray-600 dark:text-gray-400 w-1/2"
+              >
+                Label atoms on hover
+              </label>
+              <label
+                class="relative inline-flex items-center mr-5 cursor-pointer text-center justify-center"
+              >
+                <input
+                  type="checkbox"
+                  class="sr-only peer"
+                  bind:value={labelHover}
+                />
+                <div
+                  class="w-11 h-6 bg-gray-200 rounded-full peer dark:bg-gray-700 peer-focus:ring-4 peer-focus:ring-orange-300 dark:peer-focus:ring-orange-800 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-orange-400"
+                />
+              </label>
+            </div>
+          </div>
+        </div>
+      {/if}
+      {#if showOffCanvasReps}
+        <div
+          id="drawer-example"
+          class="absolute top-0 right-0 z-50 h-full overflow-y-auto transition-transform bg-gray-100 w-80 dark:bg-gray-800 border-l border-gray-200"
+          tabindex="-1"
+          aria-labelledby="drawer-label"
+        >
+          <div class="p-4">
+            <h5
+              id="drawer-label"
+              class="inline-flex items-center mb-4 text-base font-semibold text-gray-500 dark:text-gray-400"
+            >
+              Representations
+            </h5>
+            <button
+              type="button"
+              data-drawer-hide="drawer-example"
+              aria-controls="drawer-example"
+              class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 absolute top-2.5 right-2.5 inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white"
+              on:click={toggleOffCanvasReps}
+            >
+              <svg
+                aria-hidden="true"
+                class="w-5 h-5"
+                fill="currentColor"
+                viewBox="0 0 20 20"
+                xmlns="http://www.w3.org/2000/svg"
+                ><path
+                  fill-rule="evenodd"
+                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
+                  clip-rule="evenodd"
+                /></svg
+              >
+              <span class="sr-only">Close menu</span>
+            </button>
+          </div>
+
+          {#each representations as rep, index}
+            <div class="bg-white border-b border-t border-gray-200 py-4 px-2">
+              <div class="">
+                <div class="flex space-x-2 items-center cursor-pointer p-1">
+                  <button
+                    on:click={() => (rep.visible = !rep.visible)}
+                    class="flex items-center space-x-2"
+                  >
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      fill="none"
+                      viewBox="0 0 24 24"
+                      stroke-width="1.5"
+                      stroke="currentColor"
+                      class={rep.visible
+                        ? "transform rotate-90 w-5 h-5 "
+                        : "w-5 h-5 "}
+                    >
+                      <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        d="M8.25 4.5l7.5 7.5-7.5 7.5"
+                      />
+                    </svg>
+                    <span>Representation #{index}</span>
+                  </button>
+                  <button on:click={() => deleteRep(index)}>
+                    <!---->
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      fill="none"
+                      viewBox="0 0 24 24"
+                      stroke-width="1.5"
+                      stroke="currentColor"
+                      class="w-5 h-5"
+                    >
+                      <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"
+                      />
+                    </svg>
+                  </button>
+                  <button
+                    title="zoom to selection"
+                    on:click={() => resetZoom(rep)}
+                  >
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      fill="none"
+                      viewBox="0 0 24 24"
+                      stroke-width="1.5"
+                      stroke="currentColor"
+                      class="w-4 h-4 text-gray-500 hover:text-orange-600 cursor-pointer"
+                    >
+                      <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        d="M9 9V4.5M9 9H4.5M9 9L3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5l5.25 5.25"
+                      />
+                    </svg>
+                  </button>
+                </div>
+                {#if rep.visible}
+                  <div in:fade>
+                    <div class="p-1 flex space-x-1">
+                      <select
+                        id="style"
+                        class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                        bind:value={rep.model}
+                      >
+                        {#each moldata as mol, i}
+                          <option value={i}>{mol.name} #{i}</option>
+                        {/each}
+                      </select>
+                      <input
+                        type="text"
+                        id="chain"
+                        class="w-1/2 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                        placeholder="Chain"
+                        bind:value={rep.chain}
+                      />
+                    </div>
+                    <div class="p-1 flex space-x-1">
+                      <input
+                        type="text"
+                        id="chain"
+                        class="w-1/2 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                        placeholder="Resname"
+                        bind:value={rep.resname}
+                      />
+                      <input
+                        type="text"
+                        id="residue_range"
+                        class="w-full bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                        placeholder="Residue range"
+                        bind:value={rep.residue_range}
+                      />
+                    </div>
+                    <div class="p-1 flex space-x-1 items-center">
+                      <label
+                        for="countries"
+                        class="block mb-2 text-sm w-1/3 font-medium text-gray-600 dark:text-white"
+                        >Select style</label
+                      >
+                      <select
+                        id="style"
+                        class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                        bind:value={rep.style}
+                      >
+                        <option value="stick">Stick</option>
+                        <option value="cartoon">Cartoon</option>
+                        <option value="surface">Surface</option>$
+                        <option value="sphere">Sphere</option>
+                      </select>
+                    </div>
+                    <div
+                      class="flex p-1 items-center text-gray-700 space-x-1 text-sm"
+                    >
+                      <div class="">Expand selection</div>
+                      <input
+                        id="around"
+                        type="range"
+                        value={rep.around}
+                        min="0"
+                        max="10"
+                        step="0.5"
+                        on:change={(event) => {
+                          rep.around = event.target.value;
+                        }}
+                        class="h-2 w-1/3 bg-gray-200 rounded-lg appearance-none cursor-pointer dark:bg-gray-700"
+                      />
+                      <input type="text" bind:value={rep.around} class="w-8" />
+                      <div>Å</div>
+                    </div>
+                    <div
+                      class="flex p-1 items-center text-gray-700 space-x-1 text-sm"
+                    >
+                      <div class="flex space-x-1 w-1/2">
+                        <span>Full residue</span>
+                        <label
+                          class="relative inline-flex items-center mr-5 cursor-pointer text-center"
+                        >
+                          <input
+                            type="checkbox"
+                            value=""
+                            class="sr-only peer"
+                            bind:checked={rep.byres}
+                          />
+                          <div
+                            class="w-11 h-6 bg-gray-200 rounded-full peer dark:bg-gray-700 peer-focus:ring-4 peer-focus:ring-orange-300 dark:peer-focus:ring-orange-800 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-orange-400"
+                          />
+                        </label>
+                      </div>
+                      <div class="flex space-x-1 w-1/2">
+                        <span>Only sidechain</span>
+                        <label
+                          class="relative inline-flex items-center mr-5 cursor-pointer text-center"
+                        >
+                          <input
+                            type="checkbox"
+                            value=""
+                            class="sr-only peer"
+                            bind:checked={rep.sidechain}
+                          />
+                          <div
+                            class="w-11 h-6 bg-gray-200 rounded-full peer dark:bg-gray-700 peer-focus:ring-4 peer-focus:ring-orange-300 dark:peer-focus:ring-orange-800 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-orange-400"
+                          />
+                        </label>
+                      </div>
+                    </div>
+
+                    <div class="flex space-x-2 mt-2">
+                      <button
+                        class={rep.color === "orangeCarbon"
+                          ? "bg-orange-600 rounded-full w-8 h-8 border-4 border-gray-300  cursor-pointer"
+                          : "bg-orange-600 rounded-full w-8 h-8 border-4 border-white cursor-pointer"}
+                        on:click={() => (rep.color = "orangeCarbon")}
+                      />
+                      <button
+                        class={rep.color === "redCarbon"
+                          ? "bg-red-600 rounded-full w-8 h-8 border-4 border-gray-300  cursor-pointer"
+                          : "bg-red-600 rounded-full w-8 h-8 border-4 border-white cursor-pointer"}
+                        on:click={() => (rep.color = "redCarbon")}
+                      />
+                      <button
+                        class={rep.color === "blackCarbon"
+                          ? "bg-black rounded-full w-8 h-8 border-4 border-gray-300  cursor-pointer"
+                          : "bg-black rounded-full w-8 h-8 border-4 border-white cursor-pointer"}
+                        on:click={() => (rep.color = "blackCarbon")}
+                      />
+                      <button
+                        class={rep.color === "blueCarbon"
+                          ? "bg-blue-600 rounded-full w-8 h-8 border-4 border-gray-300  cursor-pointer"
+                          : "bg-blue-600 rounded-full w-8 h-8 border-4 border-white cursor-pointer"}
+                        on:click={() => (rep.color = "blueCarbon")}
+                      />
+                      <button
+                        class={rep.color === "grayCarbon"
+                          ? "bg-gray-600 rounded-full w-8 h-8 border-4 border-gray-300  cursor-pointer"
+                          : "bg-gray-600 rounded-full w-8 h-8 border-4 border-white cursor-pointer"}
+                        on:click={() => (rep.color = "grayCarbon")}
+                      />
+                      <button
+                        class={rep.color === "greenCarbon"
+                          ? "bg-green-600 rounded-full w-8 h-8 border-4 border-gray-300  cursor-pointer"
+                          : "bg-green-600 rounded-full w-8 h-8 border-4 border-white cursor-pointer"}
+                        on:click={() => (rep.color = "greenCarbon")}
+                      />
+                      <button
+                        class={rep.color === "cyanCarbon"
+                          ? "bg-cyan-600 rounded-full w-8 h-8 border-4 border-gray-300  cursor-pointer"
+                          : "bg-cyan-600 rounded-full w-8 h-8 border-4 border-white cursor-pointer"}
+                        on:click={() => (rep.color = "cyanCarbon")}
+                      />
+                    </div>
+                    <div class="flex space-x-2 py-2 text-sm">
+                      <button
+                        class={rep.color === "alphafold"
+                          ? "rounded-lg p-1 border border-gray-400 cursor-pointer bg-gray-200"
+                          : "rounded-lg p-1 border border-gray-200 cursor-pointer bg-white"}
+                        on:click={() => (rep.color = "alphafold")}
+                      >
+                        AlphaFold
+                      </button>
+                      <button
+                        class={rep.color === "default"
+                          ? "rounded-lg p-1 border border-gray-400 cursor-pointer bg-gray-200"
+                          : "rounded-lg p-1 border border-gray-200 cursor-pointer bg-white"}
+                        on:click={() => (rep.color = "default")}
+                      >
+                        PyMol
+                      </button>
+                      <button
+                        class={rep.color === "Jmol"
+                          ? "rounded-lg p-1 border border-gray-400 cursor-pointer bg-gray-200"
+                          : "rounded-lg p-1 border border-gray-200 cursor-pointer bg-white"}
+                        on:click={() => (rep.color = "Jmol")}
+                      >
+                        Jmol
+                      </button>
+                      <button
+                        class={rep.color === "chain"
+                          ? "rounded-lg p-1 border border-gray-400 cursor-pointer bg-gray-200"
+                          : "rounded-lg p-1 border border-gray-200 cursor-pointer bg-white"}
+                        on:click={() => (rep.color = "chain")}
+                      >
+                        Chain
+                      </button>
+                      <button
+                        class={rep.color === "spectrum"
+                          ? "rounded-lg p-1 border border-gray-400 cursor-pointer bg-gray-200"
+                          : "rounded-lg p-1 border border-gray-200 cursor-pointer bg-white"}
+                        on:click={() => (rep.color = "spectrum")}
+                      >
+                        Spectrum
+                      </button>
+                    </div>
+                  </div>
+                {/if}
+              </div>
+            </div>
+          {/each}
+
+          <button
+            class="w-full flex text-orange-600 justify-center my-2 text-sm space-x-2 items-center hover:text-gray-600 cursor-pointer"
+            on:click={insertRep}
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 24 24"
+              stroke-width="2"
+              stroke="currentColor"
+              class="w-4 h-4"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                d="M12 9v6m3-3H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
+              />
+            </svg>
+
+            <div>Add representation</div>
+          </button>
+        </div>
+      {/if}
+    </div>
+  </div>
+</div>
+
+<style>
+  *,
+  :before,
+  :after {
+    box-sizing: border-box;
+    border-width: 0;
+    border-style: solid;
+    border-color: #e5e7eb;
+  }
+  :before,
+  :after {
+    --tw-content: "";
+  }
+  html {
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    -moz-tab-size: 4;
+    -o-tab-size: 4;
+    tab-size: 4;
+    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+      Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
+      "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
+    font-feature-settings: normal;
+  }
+  body {
+    margin: 0;
+    line-height: inherit;
+  }
+  hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+  abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  a {
+    color: inherit;
+    text-decoration: inherit;
+  }
+  b,
+  strong {
+    font-weight: bolder;
+  }
+  code,
+  kbd,
+  samp,
+  pre {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+      Liberation Mono, Courier New, monospace;
+    font-size: 1em;
+  }
+  small {
+    font-size: 80%;
+  }
+  sub,
+  sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  sub {
+    bottom: -0.25em;
+  }
+  sup {
+    top: -0.5em;
+  }
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
+    font-family: inherit;
+    font-size: 100%;
+    font-weight: inherit;
+    line-height: inherit;
+    color: inherit;
+    margin: 0;
+    padding: 0;
+  }
+  button,
+  select {
+    text-transform: none;
+  }
+  button,
+  [type="button"],
+  [type="reset"],
+  [type="submit"] {
+    -webkit-appearance: button;
+    background-color: transparent;
+    background-image: none;
+  }
+  :-moz-focusring {
+    outline: auto;
+  }
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+  progress {
+    vertical-align: baseline;
+  }
+  ::-webkit-inner-spin-button,
+  ::-webkit-outer-spin-button {
+    height: auto;
+  }
+  [type="search"] {
+    -webkit-appearance: textfield;
+    outline-offset: -2px;
+  }
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  ::-webkit-file-upload-button {
+    -webkit-appearance: button;
+    font: inherit;
+  }
+  summary {
+    display: list-item;
+  }
+  blockquote,
+  dl,
+  dd,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  hr,
+  figure,
+  p,
+  pre {
+    margin: 0;
+  }
+  fieldset {
+    margin: 0;
+    padding: 0;
+  }
+  legend {
+    padding: 0;
+  }
+  ol,
+  ul,
+  menu {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+  textarea {
+    resize: vertical;
+  }
+  input::-moz-placeholder,
+  textarea::-moz-placeholder {
+    opacity: 1;
+    color: #9ca3af;
+  }
+  input::placeholder,
+  textarea::placeholder {
+    opacity: 1;
+    color: #9ca3af;
+  }
+  button,
+  [role="button"] {
+    cursor: pointer;
+  }
+  :disabled {
+    cursor: default;
+  }
+  img,
+  svg,
+  video,
+  canvas,
+  audio,
+  iframe,
+  embed,
+  object {
+    display: block;
+    vertical-align: middle;
+  }
+  img,
+  video {
+    max-width: 100%;
+    height: auto;
+  }
+  [hidden] {
+    display: none;
+  }
+  *,
+  :before,
+  :after {
+    --tw-border-spacing-x: 0;
+    --tw-border-spacing-y: 0;
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    --tw-pan-x: ;
+    --tw-pan-y: ;
+    --tw-pinch-zoom: ;
+    --tw-scroll-snap-strictness: proximity;
+    --tw-ordinal: ;
+    --tw-slashed-zero: ;
+    --tw-numeric-figure: ;
+    --tw-numeric-spacing: ;
+    --tw-numeric-fraction: ;
+    --tw-ring-inset: ;
+    --tw-ring-offset-width: 0px;
+    --tw-ring-offset-color: #fff;
+    --tw-ring-color: rgb(59 130 246 / 0.5);
+    --tw-ring-offset-shadow: 0 0 #0000;
+    --tw-ring-shadow: 0 0 #0000;
+    --tw-shadow: 0 0 #0000;
+    --tw-shadow-colored: 0 0 #0000;
+    --tw-blur: ;
+    --tw-brightness: ;
+    --tw-contrast: ;
+    --tw-grayscale: ;
+    --tw-hue-rotate: ;
+    --tw-invert: ;
+    --tw-saturate: ;
+    --tw-sepia: ;
+    --tw-drop-shadow: ;
+    --tw-backdrop-blur: ;
+    --tw-backdrop-brightness: ;
+    --tw-backdrop-contrast: ;
+    --tw-backdrop-grayscale: ;
+    --tw-backdrop-hue-rotate: ;
+    --tw-backdrop-invert: ;
+    --tw-backdrop-opacity: ;
+    --tw-backdrop-saturate: ;
+    --tw-backdrop-sepia: ;
+  }
+  ::backdrop {
+    --tw-border-spacing-x: 0;
+    --tw-border-spacing-y: 0;
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    --tw-pan-x: ;
+    --tw-pan-y: ;
+    --tw-pinch-zoom: ;
+    --tw-scroll-snap-strictness: proximity;
+    --tw-ordinal: ;
+    --tw-slashed-zero: ;
+    --tw-numeric-figure: ;
+    --tw-numeric-spacing: ;
+    --tw-numeric-fraction: ;
+    --tw-ring-inset: ;
+    --tw-ring-offset-width: 0px;
+    --tw-ring-offset-color: #fff;
+    --tw-ring-color: rgb(59 130 246 / 0.5);
+    --tw-ring-offset-shadow: 0 0 #0000;
+    --tw-ring-shadow: 0 0 #0000;
+    --tw-shadow: 0 0 #0000;
+    --tw-shadow-colored: 0 0 #0000;
+    --tw-blur: ;
+    --tw-brightness: ;
+    --tw-contrast: ;
+    --tw-grayscale: ;
+    --tw-hue-rotate: ;
+    --tw-invert: ;
+    --tw-saturate: ;
+    --tw-sepia: ;
+    --tw-drop-shadow: ;
+    --tw-backdrop-blur: ;
+    --tw-backdrop-brightness: ;
+    --tw-backdrop-contrast: ;
+    --tw-backdrop-grayscale: ;
+    --tw-backdrop-hue-rotate: ;
+    --tw-backdrop-invert: ;
+    --tw-backdrop-opacity: ;
+    --tw-backdrop-saturate: ;
+    --tw-backdrop-sepia: ;
+  }
+  .container {
+    width: 100%;
+  }
+  @media (min-width: 640px) {
+    .container {
+      max-width: 640px;
+    }
+  }
+  @media (min-width: 768px) {
+    .container {
+      max-width: 768px;
+    }
+  }
+  @media (min-width: 1024px) {
+    .container {
+      max-width: 1024px;
+    }
+  }
+  @media (min-width: 1280px) {
+    .container {
+      max-width: 1280px;
+    }
+  }
+  @media (min-width: 1536px) {
+    .container {
+      max-width: 1536px;
+    }
+  }
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+  .visible {
+    visibility: visible;
+  }
+  .absolute {
+    position: absolute;
+  }
+  .relative {
+    position: relative;
+  }
+  .bottom-0 {
+    bottom: 0px;
+  }
+  .left-0 {
+    left: 0px;
+  }
+  .right-0 {
+    right: 0px;
+  }
+  .right-2 {
+    right: 0.5rem;
+  }
+  .right-2\.5 {
+    right: 0.625rem;
+  }
+  .top-0 {
+    top: 0px;
+  }
+  .top-2 {
+    top: 0.5rem;
+  }
+  .top-2\.5 {
+    top: 0.625rem;
+  }
+  .z-10 {
+    z-index: 10;
+  }
+  .z-50 {
+    z-index: 50;
+  }
+  .my-2 {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+  .mb-2 {
+    margin-bottom: 0.5rem;
+  }
+  .mb-4 {
+    margin-bottom: 1rem;
+  }
+  .mr-2 {
+    margin-right: 0.5rem;
+  }
+  .ml-1 {
+    margin-left: 0.25rem;
+  }
+  .ml-2 {
+    margin-left: 0.5rem;
+  }
+  .mr-5 {
+    margin-right: 1.25rem;
+  }
+  .mt-2 {
+    margin-top: 0.5rem;
+  }
+  .block {
+    display: block;
+  }
+  .flex {
+    display: flex;
+  }
+  .inline-flex {
+    display: inline-flex;
+  }
+  .contents {
+    display: contents;
+  }
+  .h-2 {
+    height: 0.5rem;
+  }
+  .h-3 {
+    height: 0.75rem;
+  }
+  .h-4 {
+    height: 1rem;
+  }
+  .h-5 {
+    height: 1.25rem;
+  }
+  .h-6 {
+    height: 1.5rem;
+  }
+  .h-8 {
+    height: 2rem;
+  }
+  .h-96 {
+    height: 24rem;
+  }
+  .h-full {
+    height: 100%;
+  }
+  .h-screen {
+    height: 100vh;
+  }
+  .w-1\/2 {
+    width: 50%;
+  }
+  .w-1\/3 {
+    width: 33.333333%;
+  }
+  .w-11 {
+    width: 2.75rem;
+  }
+  .w-2\/3 {
+    width: 66.666667%;
+  }
+  .w-3 {
+    width: 0.75rem;
+  }
+  .w-4 {
+    width: 1rem;
+  }
+  .w-5 {
+    width: 1.25rem;
+  }
+  .w-8 {
+    width: 2rem;
+  }
+  .w-80 {
+    width: 20rem;
+  }
+  .w-full {
+    width: 100%;
+  }
+  .max-w-4xl {
+    max-width: 56rem;
+  }
+  .rotate-90 {
+    --tw-rotate: 90deg;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
+      rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
+      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+  .transform {
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
+      rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
+      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+  .cursor-pointer {
+    cursor: pointer;
+  }
+  .appearance-none {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+  }
+  .flex-col {
+    flex-direction: column;
+  }
+  .fill-current {
+    fill: currentColor;
+  }
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
+  .items-center {
+    align-items: center;
+  }
+  .justify-center {
+    justify-content: center;
+  }
+  .gap-px {
+    gap: 1px;
+  }
+  .space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+  .space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+  .divide-x > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(1px * var(--tw-divide-x-reverse));
+    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+  .divide-y > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+  }
+  .overflow-hidden {
+    overflow: hidden;
+  }
+  .overflow-y-auto {
+    overflow-y: auto;
+  }
+  .rounded {
+    border-radius: 0.25rem;
+  }
+  .rounded-full {
+    border-radius: 9999px;
+  }
+  .rounded-lg {
+    border-radius: 0.5rem;
+  }
+  .rounded-br {
+    border-bottom-right-radius: 0.25rem;
+  }
+  .border {
+    border-width: 1px;
+  }
+  .border-4 {
+    border-width: 4px;
+  }
+  .border-b {
+    border-bottom-width: 1px;
+  }
+  .border-l {
+    border-left-width: 1px;
+  }
+  .border-r {
+    border-right-width: 1px;
+  }
+  .border-t {
+    border-top-width: 1px;
+  }
+  .border-solid {
+    border-style: solid;
+  }
+  .border-dashed {
+    border-style: dashed;
+  }
+  .border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgb(229 231 235 / var(--tw-border-opacity));
+  }
+  .border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgb(209 213 219 / var(--tw-border-opacity));
+  }
+  .border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgb(156 163 175 / var(--tw-border-opacity));
+  }
+  .border-white {
+    --tw-border-opacity: 1;
+    border-color: rgb(255 255 255 / var(--tw-border-opacity));
+  }
+  .bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+  }
+  .bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(37 99 235 / var(--tw-bg-opacity));
+  }
+  .bg-cyan-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(8 145 178 / var(--tw-bg-opacity));
+  }
+  .bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
+  }
+  .bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+  }
+  .bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
+  }
+  .bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
+  }
+  .bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(22 163 74 / var(--tw-bg-opacity));
+  }
+  .bg-orange-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(234 88 12 / var(--tw-bg-opacity));
+  }
+  .bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(220 38 38 / var(--tw-bg-opacity));
+  }
+  .bg-transparent {
+    background-color: transparent;
+  }
+  .bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }
+  .p-1 {
+    padding: 0.25rem;
+  }
+  .p-1\.5 {
+    padding: 0.375rem;
+  }
+  .p-2 {
+    padding: 0.5rem;
+  }
+  .p-2\.5 {
+    padding: 0.625rem;
+  }
+  .p-4 {
+    padding: 1rem;
+  }
+  .p-5 {
+    padding: 1.25rem;
+  }
+  .px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+  .px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+  .py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+  .py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+  .py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+  .text-center {
+    text-align: center;
+  }
+  .text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+  .text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+  .text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+  .font-medium {
+    font-weight: 500;
+  }
+  .font-semibold {
+    font-weight: 600;
+  }
+  .text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgb(156 163 175 / var(--tw-text-opacity));
+  }
+  .text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgb(107 114 128 / var(--tw-text-opacity));
+  }
+  .text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgb(75 85 99 / var(--tw-text-opacity));
+  }
+  .text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgb(55 65 81 / var(--tw-text-opacity));
+  }
+  .text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgb(17 24 39 / var(--tw-text-opacity));
+  }
+  .text-orange-600 {
+    --tw-text-opacity: 1;
+    color: rgb(234 88 12 / var(--tw-text-opacity));
+  }
+  .invert {
+    --tw-invert: invert(100%);
+    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
+      var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
+      var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+  }
+  .transition-transform {
+    transition-property: transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 0.15s;
+  }
+  .scroll-hide {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+  .sr-only {
+    clip: rect(0, 0, 0, 0);
+    position: absolute;
+    margin: -1px;
+    border-width: 0;
+    padding: 0;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+  .scroll-hide::-webkit-scrollbar {
+    display: none;
+  }
+  .gradio-container {
+    -webkit-text-size-adjust: 100%;
+    line-height: 1.5;
+    font-family: Source Sans Pro, ui-sans-serif, system-ui, -apple-system,
+      BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans,
+      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol,
+      "Noto Color Emoji";
+    -moz-tab-size: 4;
+    -o-tab-size: 4;
+    tab-size: 4;
+  }
+  .cropper-container {
+    position: relative;
+    touch-action: none;
+    font-size: 0;
+    line-height: 0;
+    direction: ltr;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+  }
+  .cropper-container img {
+    display: block;
+    image-orientation: 0deg;
+    width: 100%;
+    min-width: 0 !important;
+    max-width: none !important;
+    height: 100%;
+    min-height: 0 !important;
+    max-height: none !important;
+  }
+  .cropper-wrap-box,
+  .cropper-canvas,
+  .cropper-drag-box,
+  .cropper-crop-box,
+  .cropper-modal {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+  .cropper-wrap-box,
+  .cropper-canvas {
+    overflow: hidden;
+  }
+  .cropper-drag-box {
+    opacity: 0;
+    background-color: #fff;
+  }
+  .cropper-modal {
+    opacity: 0.5;
+    background-color: #000;
+  }
+  .cropper-view-box {
+    display: block;
+    outline: 1px solid #39f;
+    outline-color: #3399ffbf;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+  .cropper-dashed {
+    display: block;
+    position: absolute;
+    opacity: 0.5;
+    border: 0 dashed #eee;
+  }
+  .cropper-dashed.dashed-h {
+    top: calc(100% / 3);
+    left: 0;
+    border-top-width: 1px;
+    border-bottom-width: 1px;
+    width: 100%;
+    height: calc(100% / 3);
+  }
+  .cropper-dashed.dashed-v {
+    top: 0;
+    left: calc(100% / 3);
+    border-right-width: 1px;
+    border-left-width: 1px;
+    width: calc(100% / 3);
+    height: 100%;
+  }
+  .cropper-center {
+    display: block;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    opacity: 0.75;
+    width: 0;
+    height: 0;
+  }
+  .cropper-center:before,
+  .cropper-center:after {
+    display: block;
+    position: absolute;
+    background-color: #eee;
+    content: " ";
+  }
+  .cropper-center:before {
+    top: 0;
+    left: -3px;
+    width: 7px;
+    height: 1px;
+  }
+  .cropper-center:after {
+    top: -3px;
+    left: 0;
+    width: 1px;
+    height: 7px;
+  }
+  .cropper-face,
+  .cropper-line,
+  .cropper-point {
+    display: block;
+    position: absolute;
+    opacity: 0.1;
+    width: 100%;
+    height: 100%;
+  }
+  .cropper-face {
+    top: 0;
+    left: 0;
+    background-color: #fff;
+  }
+  .cropper-line {
+    background-color: #39f;
+  }
+  .cropper-line.line-e {
+    top: 0;
+    right: -3px;
+    cursor: ew-resize;
+    width: 5px;
+  }
+  .cropper-line.line-n {
+    top: -3px;
+    left: 0;
+    cursor: ns-resize;
+    height: 5px;
+  }
+  .cropper-line.line-w {
+    top: 0;
+    left: -3px;
+    cursor: ew-resize;
+    width: 5px;
+  }
+  .cropper-line.line-s {
+    bottom: -3px;
+    left: 0;
+    cursor: ns-resize;
+    height: 5px;
+  }
+  .cropper-point {
+    opacity: 0.75;
+    background-color: #39f;
+    width: 5px;
+    height: 5px;
+  }
+  .cropper-point.point-e {
+    top: 50%;
+    right: -3px;
+    cursor: ew-resize;
+    margin-top: -3px;
+  }
+  .cropper-point.point-n {
+    top: -3px;
+    left: 50%;
+    cursor: ns-resize;
+    margin-left: -3px;
+  }
+  .cropper-point.point-w {
+    top: 50%;
+    left: -3px;
+    cursor: ew-resize;
+    margin-top: -3px;
+  }
+  .cropper-point.point-s {
+    bottom: -3px;
+    left: 50%;
+    cursor: s-resize;
+    margin-left: -3px;
+  }
+  .cropper-point.point-ne {
+    top: -3px;
+    right: -3px;
+    cursor: nesw-resize;
+  }
+  .cropper-point.point-nw {
+    top: -3px;
+    left: -3px;
+    cursor: nwse-resize;
+  }
+  .cropper-point.point-sw {
+    bottom: -3px;
+    left: -3px;
+    cursor: nesw-resize;
+  }
+  .cropper-point.point-se {
+    right: -3px;
+    bottom: -3px;
+    opacity: 1;
+    cursor: nwse-resize;
+    width: 20px;
+    height: 20px;
+  }
+  @media (min-width: 768px) {
+    .cropper-point.point-se {
+      width: 15px;
+      height: 15px;
+    }
+  }
+  @media (min-width: 992px) {
+    .cropper-point.point-se {
+      width: 10px;
+      height: 10px;
+    }
+  }
+  @media (min-width: 1200px) {
+    .cropper-point.point-se {
+      opacity: 0.75;
+      width: 5px;
+      height: 5px;
+    }
+  }
+  .cropper-point.point-se:before {
+    display: block;
+    position: absolute;
+    right: -50%;
+    bottom: -50%;
+    opacity: 0;
+    background-color: #39f;
+    width: 200%;
+    height: 200%;
+    content: " ";
+  }
+  .cropper-invisible {
+    opacity: 0;
+  }
+  .cropper-bg {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
+  }
+  .cropper-hide {
+    display: block;
+    position: absolute;
+    width: 0;
+    height: 0;
+  }
+  .cropper-hidden {
+    display: none !important;
+  }
+  .cropper-move {
+    cursor: move;
+  }
+  .cropper-crop {
+    cursor: crosshair;
+  }
+  .cropper-disabled .cropper-drag-box,
+  .cropper-disabled .cropper-face,
+  .cropper-disabled .cropper-line,
+  .cropper-disabled .cropper-point {
+    cursor: not-allowed;
+  }
+  .after\:absolute:after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  .after\:left-\[2px\]:after {
+    content: var(--tw-content);
+    left: 2px;
+  }
+  .after\:top-0:after {
+    content: var(--tw-content);
+    top: 0px;
+  }
+  .after\:top-0\.5:after {
+    content: var(--tw-content);
+    top: 0.125rem;
+  }
+  .after\:h-5:after {
+    content: var(--tw-content);
+    height: 1.25rem;
+  }
+  .after\:w-5:after {
+    content: var(--tw-content);
+    width: 1.25rem;
+  }
+  .after\:rounded-full:after {
+    content: var(--tw-content);
+    border-radius: 9999px;
+  }
+  .after\:border:after {
+    content: var(--tw-content);
+    border-width: 1px;
+  }
+  .after\:border-gray-300:after {
+    content: var(--tw-content);
+    --tw-border-opacity: 1;
+    border-color: rgb(209 213 219 / var(--tw-border-opacity));
+  }
+  .after\:bg-white:after {
+    content: var(--tw-content);
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }
+  .after\:transition-all:after {
+    content: var(--tw-content);
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 0.15s;
+  }
+  .after\:content-\[\'\'\]:after {
+    --tw-content: "";
+    content: var(--tw-content);
+  }
+  .hover\:bg-gray-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+  }
+  .hover\:text-gray-600:hover {
+    --tw-text-opacity: 1;
+    color: rgb(75 85 99 / var(--tw-text-opacity));
+  }
+  .hover\:text-gray-900:hover {
+    --tw-text-opacity: 1;
+    color: rgb(17 24 39 / var(--tw-text-opacity));
+  }
+  .hover\:text-orange-600:hover {
+    --tw-text-opacity: 1;
+    color: rgb(234 88 12 / var(--tw-text-opacity));
+  }
+  .focus\:border-blue-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgb(59 130 246 / var(--tw-border-opacity));
+  }
+  .focus\:ring-blue-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
+  }
+  .peer:checked ~ .peer-checked\:bg-orange-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(251 146 60 / var(--tw-bg-opacity));
+  }
+  .peer:checked ~ .peer-checked\:after\:translate-x-full:after {
+    content: var(--tw-content);
+    --tw-translate-x: 100%;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
+      rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
+      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+  .peer:checked ~ .peer-checked\:after\:border-white:after {
+    content: var(--tw-content);
+    --tw-border-opacity: 1;
+    border-color: rgb(255 255 255 / var(--tw-border-opacity));
+  }
+  .peer:focus ~ .peer-focus\:ring-4 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
+      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
+      calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
+      var(--tw-shadow, 0 0 #0000);
+  }
+  .peer:focus ~ .peer-focus\:ring-orange-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgb(253 186 116 / var(--tw-ring-opacity));
+  }
+  @media (prefers-color-scheme: dark) {
+    .dark\:border-gray-600 {
+      --tw-border-opacity: 1;
+      border-color: rgb(75 85 99 / var(--tw-border-opacity));
+    }
+    .dark\:bg-gray-700 {
+      --tw-bg-opacity: 1;
+      background-color: rgb(55 65 81 / var(--tw-bg-opacity));
+    }
+    .dark\:bg-gray-800 {
+      --tw-bg-opacity: 1;
+      background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+    }
+    .dark\:text-gray-400 {
+      --tw-text-opacity: 1;
+      color: rgb(156 163 175 / var(--tw-text-opacity));
+    }
+    .dark\:text-white {
+      --tw-text-opacity: 1;
+      color: rgb(255 255 255 / var(--tw-text-opacity));
+    }
+    .dark\:placeholder-gray-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgb(156 163 175 / var(--tw-placeholder-opacity));
+    }
+    .dark\:placeholder-gray-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgb(156 163 175 / var(--tw-placeholder-opacity));
+    }
+    .dark\:hover\:bg-gray-600:hover {
+      --tw-bg-opacity: 1;
+      background-color: rgb(75 85 99 / var(--tw-bg-opacity));
+    }
+    .dark\:hover\:text-white:hover {
+      --tw-text-opacity: 1;
+      color: rgb(255 255 255 / var(--tw-text-opacity));
+    }
+    .dark\:focus\:border-blue-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgb(59 130 246 / var(--tw-border-opacity));
+    }
+    .dark\:focus\:ring-blue-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
+    }
+    .peer:focus ~ .dark\:peer-focus\:ring-orange-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgb(154 52 18 / var(--tw-ring-opacity));
+    }
+  }
+  .minh {
+    min-height: 40vh;
+    height: 50vh;
+  }
+
+  .-top-1 {
+    top: -0.25rem;
+  }
+
+  .left-6 {
+    left: 1.5rem;
+  }
+
+  .h-4 {
+    height: 1rem;
+  }
+
+  .w-4 {
+    width: 1rem;
+  }
+
+  .w-max {
+    width: max-content;
+  }
+
+  .cursor-pointer {
+    cursor: pointer;
+  }
+
+  .rounded {
+    border-radius: 0.25rem;
+  }
+
+  .bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
+  }
+
+  .fill-current {
+    fill: currentColor;
+  }
+
+  .p-10 {
+    padding: 2.5rem;
+  }
+
+  .px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
+  .py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
+  .text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .font-medium {
+    font-weight: 500;
+  }
+
+  .text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgb(249 250 251 / var(--tw-text-opacity));
+  }
+
+  .text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgb(107 114 128 / var(--tw-text-opacity));
+  }
+
+  .opacity-0 {
+    opacity: 0;
+  }
+
+  .opacity-100 {
+    opacity: 1;
+  }
+
+  .shadow {
+    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
+      0 1px 2px -1px var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
+      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .hover\:text-orange-600:hover {
+    --tw-text-opacity: 1;
+    color: rgb(234 88 12 / var(--tw-text-opacity));
+  }
+</style>

src/frontend/shared/loading_spinner.svelte

@@ -0,0 +1,44 @@
+<!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
+<svg
+  width="20"
+  height="20 "
+  viewBox="0 0 38 38"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <defs>
+    <linearGradient x1="8.042%" y1="0%" x2="65.682%" y2="23.865%" id="a">
+      <stop stop-color="#FF7C00" stop-opacity="0" offset="0%" />
+      <stop stop-color="#FF7C00" stop-opacity=".631" offset="63.146%" />
+      <stop stop-color="#FF7C00" offset="100%" />
+    </linearGradient>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <g transform="translate(1 1)">
+      <path
+        d="M36 18c0-9.94-8.06-18-18-18"
+        id="Oval-2"
+        stroke="url(#a)"
+        stroke-width="2"
+      >
+        <animateTransform
+          attributeName="transform"
+          type="rotate"
+          from="0 18 18"
+          to="360 18 18"
+          dur="0.9s"
+          repeatCount="indefinite"
+        />
+      </path>
+      <circle fill="#FFf" cx="36" cy="18" r="1">
+        <animateTransform
+          attributeName="transform"
+          type="rotate"
+          from="0 18 18"
+          to="360 18 18"
+          dur="0.9s"
+          repeatCount="indefinite"
+        />
+      </circle>
+    </g>
+  </g>
+</svg>

src/frontend/shared/utils.ts

@@ -0,0 +1,41 @@
+import type { FileData } from "@gradio/client";
+
+export const prettyBytes = (bytes: number): string => {
+	let units = ["B", "KB", "MB", "GB", "PB"];
+	let i = 0;
+	while (bytes > 1024) {
+		bytes /= 1024;
+		i++;
+	}
+	let unit = units[i];
+	return bytes.toFixed(1) + " " + unit;
+};
+
+export const display_file_name = (value: FileData): string => {
+	var str: string;
+	str = value.orig_name;
+	const max_length = 30;
+
+	if (str.length > max_length) {
+		const truncated_name = str.substring(0, max_length);
+		const file_extension_index = str.lastIndexOf(".");
+		if (file_extension_index !== -1) {
+			const file_extension = str.slice(file_extension_index);
+			return `${truncated_name}..${file_extension}`;
+		}
+		return truncated_name;
+	}
+	return str;
+};
+
+export const display_file_size = (value: FileData | FileData[]): string => {
+	var total_size = 0;
+	if (Array.isArray(value)) {
+		for (var file of value) {
+			if (file.size !== undefined) total_size += file.size;
+		}
+	} else {
+		total_size = value.size || 0;
+	}
+	return prettyBytes(total_size);
+};

src/pyproject.toml

@@ -0,0 +1,50 @@
+[build-system]
+requires = [
+  "hatchling",
+  "hatch-requirements-txt",
+  "hatch-fancy-pypi-readme>=22.5.0",
+]
+build-backend = "hatchling.build"
+
+[project]
+name = "gradio_molecule3d"
+version = "0.0.1"
+description = "Molecule3D custom component to visualize pdb or sdf files"
+readme = "README.md"
+license = "MIT"
+requires-python = ">=3.8"
+authors = [{ name = "Simon Dürr", email = "dev@simonduerr.eu" }]
+keywords = [
+  "machine learning",
+  "reproducibility",
+  "visualization",
+  "gradio",
+  "gradio custom component",
+  "gradio-template-File",
+  "protein"
+]
+# Add dependencies here
+dependencies = ["gradio>=4.0,<5.0"]
+classifiers = [
+  'Development Status :: 3 - Alpha',
+  'License :: OSI Approved :: Apache Software License',
+  'Operating System :: OS Independent',
+  'Programming Language :: Python :: 3',
+  'Programming Language :: Python :: 3 :: Only',
+  'Programming Language :: Python :: 3.8',
+  'Programming Language :: Python :: 3.9',
+  'Programming Language :: Python :: 3.10',
+  'Programming Language :: Python :: 3.11',
+  'Topic :: Scientific/Engineering',
+  'Topic :: Scientific/Engineering :: Artificial Intelligence',
+  'Topic :: Scientific/Engineering :: Visualization',
+]
+
+[project.optional-dependencies]
+dev = ["build", "twine"]
+
+[tool.hatch.build]
+artifacts = ["/backend/gradio_molecule3d/templates", "*.pyi", "backend/gradio_molecule3d/templates"]
+
+[tool.hatch.build.targets.wheel]
+packages = ["/backend/gradio_molecule3d"]