Merge branch 'rename-dle-in-ui' into 'master'

chore(ui): rename DLE → DBLab, Database Lab Engine → DBLab Engine (https://gitlab.com/postgres-ai/platform/-/issues/252)

See merge request postgres-ai/database-lab!814

Author: Adrinlol

ui/packages/ce/src/App/Menu/Instances/index.tsx

@@ -21,7 +21,7 @@ export const Instances = observer((props: Props) => {
           activeClassName={styles.selected}
           className={styles.link}
         >
-          DLE #1
+          DBLab #1
         </Button>
       </nav>
       <Button

ui/packages/ce/src/App/Menu/StickyTopBar/index.tsx

@@ -97,7 +97,7 @@ export const StickyTopBar = () => {
           handleReset()
           setSnackbarState({
             isOpen: true,
-            message: 'All DLE SE features are now active.',
+            message: 'All DBLab SE features are now active.',
             type: 'success',
           })
         } else {
@@ -178,7 +178,7 @@ export const StickyTopBar = () => {
                 onClick={handleActivate}
                 disabled={isLoading}
               >
-                re-activate DLE
+                re-activate DBLab
                 {isLoading && <Spinner size="sm" className={styles.spinner} />}
               </Button>
             </>
@@ -191,7 +191,7 @@ export const StickyTopBar = () => {
                 onClick={handleActivate}
                 disabled={isLoading}
               >
-                re-activate DLE
+                re-activate DBLab
                 {isLoading && <Spinner size="sm" className={styles.spinner} />}
               </Button>
             </>

ui/packages/platform/src/components/ContentLayout/DeprecatedApiBanner/index.tsx

@@ -29,12 +29,12 @@ export const DeprecatedApiBanner = () => {
   return (
     <div className={classes.root}>
       <Status type="warning" className={classes.status} disableColor>
-        The version of your DLE instance is deprecated.
+        The version of your DBLab instance is deprecated.
       </Status>{' '}
-      Some information about DLE, disks, clones, and snapshots may be
+      Some information about DBLab, disks, clones, and snapshots may be
       unavailable.
       <br />
-      Please upgrade your DLE to&nbsp;
+      Please upgrade your DBLab to&nbsp;
       <GatewayLink
         href="https://gitlab.com/postgres-ai/database-lab/-/releases"
         className={classes.link}

ui/packages/platform/src/components/CreateDbLabCards/CreateDbLabCards.tsx

@@ -100,7 +100,7 @@ export const CreatedDbLabCards = ({
 
   const productData = [
     {
-      title: 'Create DLE in your cloud',
+      title: 'Create DBLab in your cloud',
       renderDescription: () => (
         <>
           <p>
@@ -116,7 +116,7 @@ export const CreatedDbLabCards = ({
         {
           id: 'createDblabInstanceButton',
           content: (
-            <CreateButton type="create" title="Create DLE in your cloud" />
+            <CreateButton type="create" title="Create DBLab in your cloud" />
           ),
         },
       ],
@@ -144,7 +144,7 @@ export const CreatedDbLabCards = ({
           content: (
             <CreateButton
               type="install"
-              title="Install DLE on an existing machine"
+              title="Install DBLab on an existing machine"
             />
           ),
         },

ui/packages/platform/src/components/DbLabInstanceForm/DbLabFormSteps/AnsibleInstance.tsx

@@ -230,7 +230,7 @@ export const AnsibleInstance = ({
           ) : null}
           <AnsibleInstallation />
           <p className={classes.title}>
-            6. Run ansible playbook to create server and install DLE SE
+            6. Run ansible playbook to create server and install DBLab SE
           </p>
           <SyntaxHighlight
             content={getPlaybookCommandWithoutDocker(
@@ -242,7 +242,7 @@ export const AnsibleInstance = ({
           {getNetworkSubnet(state.provider, classes)}
           <p className={classes.title}>
             7. After the code snippet runs successfully, follow the directions
-            displayed in the resulting output to start using DLE AUI/API/CLI.
+            displayed in the resulting output to start using DBLab AUI/API/CLI.
           </p>
           <Box
             sx={{

ui/packages/platform/src/components/DbLabInstanceForm/DbLabFormSteps/DockerInstance.tsx

@@ -139,15 +139,15 @@ export const DockerInstance = ({
             </>
           ) : null}
           <p className={classes.title}>
-            3. Run ansible playbook to create server and install DLE SE
+            3. Run ansible playbook to create server and install DBLab SE
           </p>
           <SyntaxHighlight
             content={getPlaybookCommand(state, cloudImages[0], orgKey)}
           />
           {getNetworkSubnet(state.provider, classes)}
           <p className={classes.title}>
             4. After the code snippet runs successfully, follow the directions
-            displayed in the resulting output to start using DLE UI/API/CLI.
+            displayed in the resulting output to start using DBLab UI/API/CLI.
           </p>
           <Box
             sx={{

ui/packages/platform/src/components/DbLabInstanceForm/DbLabInstanceForm.tsx

@@ -146,13 +146,13 @@ const DbLabInstanceForm = (props: DbLabInstanceFormWithStylesProps) => {
     (region: CloudRegion) => region.world_part === state.region,
   )
 
-  const pageTitle = <ConsolePageTitle title="Create DLE" />
+  const pageTitle = <ConsolePageTitle title="Create DBLab" />
   const breadcrumbs = (
     <ConsoleBreadcrumbsWrapper
       {...props}
       breadcrumbs={[
         { name: 'Database Lab Instances', url: 'instances' },
-        { name: 'Create DLE' },
+        { name: 'Create DBLab' },
       ]}
     />
   )
@@ -472,10 +472,10 @@ const DbLabInstanceForm = (props: DbLabInstanceFormWithStylesProps) => {
                       }}
                     />
                   </Box>
-                  <p className={classes.sectionTitle}>5. Provide DLE name</p>
+                  <p className={classes.sectionTitle}>5. Provide DBLab name</p>
                   <TextField
                     required
-                    label="DLE Name"
+                    label="DBLab Name"
                     variant="outlined"
                     fullWidth
                     value={state.name}
@@ -501,12 +501,12 @@ const DbLabInstanceForm = (props: DbLabInstanceFormWithStylesProps) => {
                     }
                   />
                   <p className={classes.sectionTitle}>
-                    6. Define DLE verification token (keep it secret!)
+                    6. Define DBLab verification token (keep it secret!)
                   </p>
                   <div className={classes.generateContainer}>
                     <TextField
                       required
-                      label="DLE Verification Token"
+                      label="DBLab Verification Token"
                       variant="outlined"
                       fullWidth
                       value={state.verificationToken}
@@ -534,7 +534,7 @@ const DbLabInstanceForm = (props: DbLabInstanceFormWithStylesProps) => {
                       Generate random
                     </Button>
                   </div>
-                  <p className={classes.sectionTitle}>7. Choose DLE version</p>
+                  <p className={classes.sectionTitle}>7. Choose DBLab version</p>
                   <Select
                     label="Select tag"
                     items={
@@ -564,7 +564,7 @@ const DbLabInstanceForm = (props: DbLabInstanceFormWithStylesProps) => {
                     8. Provide SSH public keys (one per line)
                   </p>
                   <p className={classes.instanceParagraph}>
-                    These SSH public keys will be added to the DLE server's
+                    These SSH public keys will be added to the DBLab server's
                     &nbsp;
                     <code className={classes.code}>~/.ssh/authorized_keys</code>
                     &nbsp; file. Providing at least one public key is

ui/packages/platform/src/components/DbLabInstanceForm/DbLabInstanceFormSidebar.tsx

@@ -181,7 +181,7 @@ export const DbLabInstanceFormSidebar = ({
         </span>
       </div>
       <div className={classes.asideSection}>
-        <span>Software: DLE SE (pay as you go)</span>
+        <span>Software: DBLab SE (pay as you go)</span>
         <p className={classes.flexWrap}>
           {state.instanceType && (
             <>
@@ -204,7 +204,7 @@ export const DbLabInstanceFormSidebar = ({
         onClick={handleCreate}
         disabled={!state.name || !state.verificationToken || disabled}
       >
-        Create DLE
+        Create DBLab
       </Button>
     </div>
   )

ui/packages/platform/src/components/DbLabInstanceInstallForm/DbLabFormSteps/AnsibleInstance.tsx

@@ -77,7 +77,7 @@ export const AnsibleInstance = ({
                 </li>
                 <li>
                   Attach an empty disk that is at least twice the size of the
-                  database you plan to use with DLE.
+                  database you plan to use with DBLab.
                 </li>
                 <li>
                   Ensure that your SSH public key is added to the machine (in
@@ -110,14 +110,14 @@ export const AnsibleInstance = ({
                 content={'ansible-galaxy install -r requirements.yml'}
               />{' '}
               <p className={classes.title}>
-                5. Execute the Ansible playbook to install DLE SE on the remote
+                5. Execute the Ansible playbook to install DBLab SE on the remote
                 server
               </p>
               <p>
                 Replace{' '}
                 <code className={classes.code}>'user@server-ip-address'</code>
                 with the specific username and IP address of the server where
-                you will be installing DLE.
+                you will be installing DBLab.
               </p>
               <SyntaxHighlight
                 content={getAnsiblePlaybookCommand(state, orgKey)}
@@ -133,7 +133,7 @@ export const AnsibleInstance = ({
               </p>
               <p className={classes.title}>
                 7. After the code snippet runs successfully, follow the
-                directions displayed in the resulting output to start using DLE
+                directions displayed in the resulting output to start using DBLab
                 UI/API/CLI.
               </p>{' '}
               <Box

ui/packages/platform/src/components/DbLabInstanceInstallForm/DbLabFormSteps/DockerInstance.tsx

@@ -73,7 +73,7 @@ export const DockerInstance = ({
                 </li>
                 <li>
                   Attach an empty disk that is at least twice the size of the
-                  database you plan to use with DLE.
+                  database you plan to use with DBLab.
                 </li>
                 <li>
                   Ensure that your SSH public key is added to the machine (in
@@ -82,14 +82,14 @@ export const DockerInstance = ({
                 </li>
               </ul>
               <p className={classes.title}>
-                2. Execute the Ansible playbook to install DLE SE on the remote
+                2. Execute the Ansible playbook to install DBLab SE on the remote
                 server
               </p>
               <p>
                 Replace{' '}
                 <code className={classes.code}>'user@server-ip-address'</code>
                 with the specific username and IP address of the server where
-                you will be installing DLE.
+                you will be installing DBLab.
               </p>
               <SyntaxHighlight content={getPlaybookCommand(state, orgKey)} />
               <p className={classes.important}>Please be aware:</p>
@@ -103,7 +103,7 @@ export const DockerInstance = ({
               </p>
               <p className={classes.title}>
                 3. After the code snippet runs successfully, follow the
-                directions displayed in the resulting output to start using DLE
+                directions displayed in the resulting output to start using DBLab
                 AUI/API/CLI.
               </p>{' '}
               <Box

ui/packages/platform/src/components/DbLabInstanceInstallForm/DbLabInstanceInstallForm.tsx

@@ -34,13 +34,13 @@ const DbLabInstanceInstallForm = (props: DbLabInstanceFormWithStylesProps) => {
 
   const permitted = !orgPermissions || orgPermissions.dblabInstanceCreate
 
-  const pageTitle = <ConsolePageTitle title="Install DLE" />
+  const pageTitle = <ConsolePageTitle title="Install DBLab" />
   const breadcrumbs = (
     <ConsoleBreadcrumbsWrapper
       {...props}
       breadcrumbs={[
         { name: 'Database Lab Instances', url: 'instances' },
-        { name: 'Install DLE' },
+        { name: 'Install DBLab' },
       ]}
     />
   )
@@ -82,10 +82,10 @@ const DbLabInstanceInstallForm = (props: DbLabInstanceFormWithStylesProps) => {
         {state.formStep === initialState.formStep && permitted ? (
           <>
             <div className={classes.form}>
-              <p className={classes.sectionTitle}>1. Provide DLE name</p>
+              <p className={classes.sectionTitle}>1. Provide DBLab name</p>
               <TextField
                 required
-                label="DLE Name"
+                label="DBLab Name"
                 variant="outlined"
                 fullWidth
                 value={state.name}
@@ -108,12 +108,12 @@ const DbLabInstanceInstallForm = (props: DbLabInstanceFormWithStylesProps) => {
                 }
               />
               <p className={classes.sectionTitle}>
-                2. Define DLE verification token (keep it secret!)
+                2. Define DBLab verification token (keep it secret!)
               </p>
               <div className={classes.generateContainer}>
                 <TextField
                   required
-                  label="DLE Verification Token"
+                  label="DBLab Verification Token"
                   variant="outlined"
                   fullWidth
                   value={state.verificationToken}
@@ -142,7 +142,7 @@ const DbLabInstanceInstallForm = (props: DbLabInstanceFormWithStylesProps) => {
                 </Button>
               </div>
               <p className={classes.sectionTitle}>
-                3. Choose DLE server version
+                3. Choose DBLab server version
               </p>
               <Select
                 label="Select tag"
@@ -171,7 +171,7 @@ const DbLabInstanceInstallForm = (props: DbLabInstanceFormWithStylesProps) => {
               </p>{' '}
               <p className={classes.instanceParagraph}>
                 The specified ssh public keys will be added to authorized_keys
-                on the DLE server. Add your public key here to have access to
+                on the DBLab server. Add your public key here to have access to
                 the server after deployment.
               </p>
               <TextField

ui/packages/platform/src/components/DbLabInstanceInstallForm/DbLabInstanceInstallFormSidebar.tsx

@@ -101,7 +101,7 @@ export const DbLabInstanceFormInstallSidebar = ({
           onClick={handleCreate}
           disabled={!state.name || !state.verificationToken || disabled}
         >
-          Install DLE
+          Install DBLab
         </Button>
       </div>
     </div>

ui/packages/platform/src/components/DbLabInstances/DbLabInstances.tsx

@@ -309,9 +309,9 @@ class DbLabInstances extends Component<
         color="primary"
         key="add_dblab_instance"
         onClick={() => this.setState({ modalOpen: true })}
-        title={addPermitted ? 'Create new DLE' : messages.noPermission}
+        title={addPermitted ? 'Create new DBLab' : messages.noPermission}
       >
-        New DLE
+        New DBLab
       </ConsoleButtonWrapper>
     )
     const pageTitle = (
@@ -415,7 +415,7 @@ class DbLabInstances extends Component<
       <Modal
         size="md"
         isOpen={this.state.modalOpen}
-        title="Choose the location for your DLE SE installation"
+        title="Choose the location for your DBLab SE installation"
         onClose={() => this.setState({ modalOpen: false })}
         aria-labelledby="simple-modal-title"
         aria-describedby="simple-modal-description"

ui/packages/platform/src/components/DbLabSession/DbLabSession.tsx

@@ -445,7 +445,7 @@ class DbLabSession extends Component<
           </Typography>
 
           <Typography component="p">
-            <span className={classes.paramTitle}>DLE instance:</span>
+            <span className={classes.paramTitle}>DBLab instance:</span>
             {session?.internal_instance_id ? (
               <NavLink
                 to={urls.linkDbLabInstance(
@@ -462,7 +462,7 @@ class DbLabSession extends Component<
           </Typography>
 
           <Typography component="p">
-            <span className={classes.paramTitle}>DLE version:</span>
+            <span className={classes.paramTitle}>DBLab version:</span>
             {session && session.tags && session.tags.dle_version
               ? session.tags.dle_version
               : '-'}

ui/packages/platform/src/components/JoeInstances/JoeInstances.tsx

@@ -359,7 +359,7 @@ class JoeInstances extends Component<
           <p>
             Joe Bot is a virtual DBA for SQL Optimization. Joe helps engineers
             quickly troubleshoot and optimize SQL. Joe runs on top of the
-            Database Lab Engine. (
+            DBLab Engine. (
             <GatewayLink
               href="https://postgres.ai/docs/joe-bot"
               target="_blank"