diff --git a/charts/traction/templates/ui/configmap.yaml b/charts/traction/templates/ui/configmap.yaml
index 0d4c20537..44b73289d 100644
--- a/charts/traction/templates/ui/configmap.yaml
+++ b/charts/traction/templates/ui/configmap.yaml
@@ -32,4 +32,7 @@ data:
   UX_COVERIMAGE_COPYRIGHT: {{ .Values.ui.ux.coverImageCopyright | quote }}
   UX_OWNER: {{ .Values.ui.ux.owner | quote }}
   UX_SIDEBAR_TITLE: {{ .Values.ui.ux.sidebarTitle | quote }}
+  UX_INFO_BANNER_MESSAGE: {{ .Values.ui.ux.infoBanner.message | quote }}
+  UX_INFO_BANNER_MESSAGE_LEVEL: {{ .Values.ui.ux.infoBanner.messageLevel | quote }}
+  UX_INFO_BANNER_SHOW_MESSAGE: {{ .Values.ui.ux.infoBanner.showMessage | quote }}
 {{- end -}}
diff --git a/charts/traction/values.yaml b/charts/traction/values.yaml
index d2c391787..4c4568f7c 100644
--- a/charts/traction/values.yaml
+++ b/charts/traction/values.yaml
@@ -147,7 +147,7 @@ acapy:
       is_production: true
       is_write: true
       genesis_url: "http://dev.bcovrin.vonx.io/genesis"
-      endorser_did: "VGA8QzjQaL5xkXRHjAgQcj"
+      endorser_did: "N5bxk3jWkpZ2tEaMtjPjPa"
       endorser_alias: "bcovrin-dev-endorser"
 
   ## @section Wallet Storage configuration
@@ -612,6 +612,20 @@ ui:
     ## @param ui.ux.coverImageCopyright
     coverImageCopyright: "Photo by Kristoffer Fredriksson on StockSnap"
 
+    ## Information banner settings
+    ##
+    infoBanner:
+      ## @param ui.ux.infoBanner.message
+      message: ""
+      ## @param ui.ux.infoBanner.messageLevel <info|warn|error|success>
+      messageLevel: info
+      ## @param ui.ux.infoBanner.showMessage Show the info banner <boolean>
+      showMessage: false
+      ## @param ui.ux.infoBanner.environmentName Environment name to be displayed eg. "Development"
+      environmentName: ""
+      ## @param ui.ux.infoBanner.showEnvironmentName Show the environment name <boolean>
+      showEnvironmentName: false
+
   ariesDetails:
     ## @param ui.ariesDetails.ledgerDescription Ledger description
     ledgerDescription: "bcovrin-test"
diff --git a/deploy/traction/values-development.yaml b/deploy/traction/values-development.yaml
index 49c0b5b81..a541a36a2 100644
--- a/deploy/traction/values-development.yaml
+++ b/deploy/traction/values-development.yaml
@@ -7,6 +7,25 @@ acapy:
       generated: true
     pluginInnkeeper:
       generated: true
+  ledgers.yml:
+    - id: bcovrin-test
+      is_production: true
+      is_write: true
+      genesis_url: "http://test.bcovrin.vonx.io/genesis"
+      endorser_did: "Ket75eV5UQvVkW2XBjgDH7"
+      endorser_alias: "bcovrin-test-endorser"
+    - id: bcovrin-dev
+      is_production: true
+      is_write: true
+      genesis_url: "http://dev.bcovrin.vonx.io/genesis"
+      endorser_did: "N5bxk3jWkpZ2tEaMtjPjPa"
+      endorser_alias: "bcovrin-dev-endorser"
+    - id: sovrin-testnet
+      is_production: true
+      is_write: true
+      genesis_url: "https://raw.githubusercontent.com/sovrin-foundation/sovrin/stable/sovrin/pool_transactions_sandbox_genesis"
+      endorser_did: "EZpKx6nT56Hv83JmNz7ik8"
+      endorser_alias: "sovrin-testnet-endorser"
   plugin-config.yml:
     traction_innkeeper:
       innkeeper_wallet:
@@ -17,9 +36,12 @@ acapy:
             ledger_id: bcovrin-test
           - endorser_alias: bcovrin-dev-endorser
             ledger_id: bcovrin-dev
+          - endorser_alias: sovrin-testnet-endorser
+            ledger_id: sovrin-testnet
         create_public_did:
           - bcovrin-test
           - bcovrin-dev
+          - sovrin-testnet
       reservation:
         expiry_minutes: 7200
   walletStorageConfig:
diff --git a/deploy/traction/values-pr.yaml b/deploy/traction/values-pr.yaml
index acb8ca2d8..635bf28f7 100644
--- a/deploy/traction/values-pr.yaml
+++ b/deploy/traction/values-pr.yaml
@@ -12,6 +12,25 @@ acapy:
       tenantid: "innkeeper"
   argfile.yml:
     wallet-name: default
+  ledgers.yml:
+    - id: bcovrin-test
+      is_production: true
+      is_write: true
+      genesis_url: "http://test.bcovrin.vonx.io/genesis"
+      endorser_did: "Ket75eV5UQvVkW2XBjgDH7"
+      endorser_alias: "bcovrin-test-endorser"
+    - id: bcovrin-dev
+      is_production: true
+      is_write: true
+      genesis_url: "http://dev.bcovrin.vonx.io/genesis"
+      endorser_did: "N5bxk3jWkpZ2tEaMtjPjPa"
+      endorser_alias: "bcovrin-dev-endorser"
+    - id: sovrin-testnet
+      is_production: true
+      is_write: true
+      genesis_url: "https://raw.githubusercontent.com/sovrin-foundation/sovrin/stable/sovrin/pool_transactions_sandbox_genesis"
+      endorser_did: "EZpKx6nT56Hv83JmNz7ik8"
+      endorser_alias: "sovrin-testnet-endorser"
   plugin-config.yml:
     traction_innkeeper:
       innkeeper_wallet:
@@ -22,12 +41,15 @@ acapy:
             ledger_id: bcovrin-test
           - endorser_alias: bcovrin-dev-endorser
             ledger_id: bcovrin-dev
+          - endorser_alias: sovrin-testnet-endorser
+            ledger_id: sovrin-testnet
         create_public_did:
           - bcovrin-test
           - bcovrin-dev
+          - sovrin-testnet
       reservation:
         expiry_minutes: 2880
-        auto_approve: true
+        auto_approve: false
         auto_issuer: true
   resources:
     limits:
diff --git a/services/tenant-ui/config/custom-environment-variables.json b/services/tenant-ui/config/custom-environment-variables.json
index 4ce89a9b7..ead467c14 100644
--- a/services/tenant-ui/config/custom-environment-variables.json
+++ b/services/tenant-ui/config/custom-environment-variables.json
@@ -29,6 +29,11 @@
         "linkTitle": "UX_ABOUT_LINK_TITLE",
         "linkText": "UX_ABOUT_LINK_TEXT",
         "imageUrl": "UX_ABOUT_IMAGE_URL"
+      },
+      "infoBanner": {
+        "message": "UX_INFO_BANNER_MESSAGE",
+        "messageLevel": "UX_INFO_BANNER_MESSAGE_LEVEL",
+        "showMessage": "UX_INFO_BANNER_SHOW_MESSAGE"
       }
     },
     "ariesDetails": {
diff --git a/services/tenant-ui/config/default.json b/services/tenant-ui/config/default.json
index 9392518da..fcc2230ec 100644
--- a/services/tenant-ui/config/default.json
+++ b/services/tenant-ui/config/default.json
@@ -31,6 +31,13 @@
         "linkTitle": "BC Digital Trust Service Agreement",
         "link": "https://github.com/bcgov/bc-vcpedia/blob/main/agents/bc-gov-agent-service.md",
         "imageUrl": "/img/bc/bc_logo.png"
+      },
+      "infoBanner": {
+        "message": "",
+        "messageLevel": "info",
+        "showMessage": false,
+        "environmentName": "",
+        "showEnvironmentName": false
       }
     },
     "ariesDetails": {
diff --git a/services/tenant-ui/frontend/src/assets/layout.scss b/services/tenant-ui/frontend/src/assets/layout.scss
index c1832abac..6a3274a53 100644
--- a/services/tenant-ui/frontend/src/assets/layout.scss
+++ b/services/tenant-ui/frontend/src/assets/layout.scss
@@ -7,14 +7,16 @@ body {
 }
 
 // The app layout
-.layout-container {
+.alert-container {
   display: flex;
-  flex-direction: row;
-  align-items: flex-start;
+  flex-direction: column;
   min-height: 100vh;
+}
+.layout-container {
+  flex-grow: 1;
+  display: flex;
   width: 100%;
   .layout-sidebar {
-    align-self: stretch;
     background-color: $tenant-ui-primary-color;
     color: $tenant-ui-text-on-primary;
     min-width: 20em;
@@ -27,13 +29,11 @@ body {
 
   .layout-page {
     width: 100%;
-    min-height: 100vh;
     display: flex;
     flex-direction: column;
   }
 
   .layout-header {
-    flex: 0;
     background-color: white;
   }
 
diff --git a/services/tenant-ui/frontend/src/components/Login.vue b/services/tenant-ui/frontend/src/components/Login.vue
index 02ecb6e7b..e9558c52e 100644
--- a/services/tenant-ui/frontend/src/components/Login.vue
+++ b/services/tenant-ui/frontend/src/components/Login.vue
@@ -1,5 +1,6 @@
 <template>
-  <div class="traction-login grid w-screen h-screen">
+  <!--TODO: This should eventually go somewhere else-->
+  <div class="traction-login grid w-screen flex-grow-1">
     <div class="col-12 md:col-6 xl:col-4">
       <div class="px-8">
         <div class="pt-4 pb-6">
diff --git a/services/tenant-ui/frontend/src/components/connections/Invitations.vue b/services/tenant-ui/frontend/src/components/connections/Invitations.vue
index 785127562..03753fdd8 100644
--- a/services/tenant-ui/frontend/src/components/connections/Invitations.vue
+++ b/services/tenant-ui/frontend/src/components/connections/Invitations.vue
@@ -21,8 +21,7 @@
       <template #header>
         <div class="flex justify-content-between">
           <div class="flex justify-content-start">
-            <CreateConnection :multi="false" class="mr-3" />
-            <CreateConnection :multi="true" />
+            <CreateConnection />
           </div>
           <div class="flex justify-content-end">
             <span class="p-input-icon-left">
@@ -78,6 +77,23 @@
           />
         </template>
       </Column>
+      <Column
+        :sortable="true"
+        field="protocol"
+        :header="$t('common.protocol')"
+        filter-field="protocol"
+        :show-filter-match-modes="false"
+      >
+        <template #filter="{ filterModel, filterCallback }">
+          <InputText
+            v-model="filterModel.value"
+            type="text"
+            class="p-column-filter"
+            placeholder="Search By Protocol"
+            @input="filterCallback()"
+          />
+        </template>
+      </Column>
       <Column
         :sortable="true"
         field="created"
@@ -137,6 +153,7 @@ const formattedInvitations = computed(() =>
     connection_id: inv.connection_id,
     alias: inv.alias,
     invitation_mode: inv.invitation_mode,
+    protocol: inv.connection_protocol,
     created: formatDateLong(inv.created_at as string),
     created_at: inv.created_at,
   }))
@@ -164,6 +181,10 @@ const filter = ref({
     value: null,
     matchMode: FilterMatchMode.CONTAINS,
   },
+  protocol: {
+    value: null,
+    matchMode: FilterMatchMode.CONTAINS,
+  },
   created: {
     value: null,
     matchMode: FilterMatchMode.CONTAINS,
diff --git a/services/tenant-ui/frontend/src/components/connections/createConnection/CreateConnection.vue b/services/tenant-ui/frontend/src/components/connections/createConnection/CreateConnection.vue
index 79e01a3c2..c2d5913ed 100644
--- a/services/tenant-ui/frontend/src/components/connections/createConnection/CreateConnection.vue
+++ b/services/tenant-ui/frontend/src/components/connections/createConnection/CreateConnection.vue
@@ -1,37 +1,25 @@
 <template>
   <div>
     <Button
-      :label="
-        props.multi
-          ? $t('connect.multiUseInvitation.multi')
-          : $t('connect.singleUseInvitation.single')
-      "
+      :label="$t('connect.invitation.create')"
       icon="pi pi-user-edit"
       @click="openModal"
     />
     <Dialog
       v-model:visible="displayModal"
-      :header="
-        props.multi
-          ? $t('connect.multiUseInvitation.multiCreate')
-          : $t('connect.singleUseInvitation.singleCreate')
-      "
+      :header="$t('connect.invitation.create')"
       :modal="true"
       :style="{ minWidth: '400px' }"
       @update:visible="handleClose"
     >
-      <CreateConnectionForm
-        :multi="props.multi"
-        @success="$emit('success')"
-        @closed="handleClose"
-      />
+      <CreateConnectionForm @success="$emit('success')" @closed="handleClose" />
     </Dialog>
   </div>
 </template>
 
 <script setup lang="ts">
 // Vue
-import { ref, PropType } from 'vue';
+import { ref } from 'vue';
 // PrimeVue etc
 import Button from 'primevue/button';
 import Dialog from 'primevue/dialog';
@@ -40,14 +28,6 @@ import CreateConnectionForm from './CreateConnectionForm.vue';
 
 defineEmits(['success']);
 
-// Props
-const props = defineProps({
-  multi: {
-    type: Boolean as PropType<boolean>,
-    required: true,
-  },
-});
-
 // Display popup
 const displayModal = ref(false);
 const openModal = async () => {
diff --git a/services/tenant-ui/frontend/src/components/connections/createConnection/CreateConnectionForm.vue b/services/tenant-ui/frontend/src/components/connections/createConnection/CreateConnectionForm.vue
index ba117023b..f12f10a40 100644
--- a/services/tenant-ui/frontend/src/components/connections/createConnection/CreateConnectionForm.vue
+++ b/services/tenant-ui/frontend/src/components/connections/createConnection/CreateConnectionForm.vue
@@ -1,7 +1,59 @@
 <template>
   <form @submit.prevent="handleSubmit(!v$.$invalid)">
+    <div v-if="!invitation_url">
+      <!-- Invitation type -->
+      <div class="mb-3">
+        <span>{{ $t('connect.invitation.type') }}</span>
+        <div class="my-2">
+          <RadioButton
+            v-model="isOob"
+            input-id="type1"
+            name="type"
+            :value="false"
+          />
+          <label for="type1" class="ml-2">{{
+            $t('connect.invitation.typeConnections')
+          }}</label>
+        </div>
+        <div>
+          <RadioButton
+            v-model="isOob"
+            input-id="type2"
+            name="type"
+            :value="true"
+          />
+          <label for="type2" class="ml-2">{{
+            $t('connect.invitation.typeOob')
+          }}</label>
+        </div>
+      </div>
+
+      <!-- Single or multi use connection -->
+      <div>{{ $t('connect.invitation.typeSingleMulti') }}</div>
+      <div class="my-2">
+        <RadioButton
+          v-model="multi"
+          input-id="sm1"
+          name="singleMulti"
+          :value="false"
+        />
+        <label for="sm1" class="ml-2">{{
+          $t('connect.invitation.typeSingleUse')
+        }}</label>
+      </div>
+      <RadioButton
+        v-model="multi"
+        input-id="sm2"
+        name="singleMulti"
+        :value="true"
+      />
+      <label for="sm2" class="ml-2">{{
+        $t('connect.invitation.typeMultiUse')
+      }}</label>
+    </div>
+
     <!-- Alias -->
-    <div class="field w-full">
+    <div class="field w-full mt-3">
       <label for="alias" :class="{ 'p-error': v$.alias.$invalid && submitted }">
         {{ $t('connect.invitation.alias') }}
       </label>
@@ -19,6 +71,43 @@
       </small>
     </div>
 
+    <!-- OOB Settings -->
+    <Panel
+      v-if="isOob && !invitation_url"
+      class="settings-group mb-5"
+      toggleable
+      collapsed
+    >
+      <template #header> {{ $t('connect.invitation.oobSettings') }} </template>
+      <!-- Goal -->
+      <div class="field w-full">
+        <label for="goal">{{ $t('connect.invitation.goal') }}</label>
+        <InputText v-model="goal" class="w-full" type="text" name="goal" />
+      </div>
+      <!-- Goal Code -->
+      <div class="field w-full">
+        <label for="goal">{{ $t('connect.invitation.goalCode') }}</label>
+        <Dropdown
+          v-model="goal_code"
+          show-clear
+          :options="codes"
+          option-label="name"
+          class="w-full"
+        />
+      </div>
+
+      <!-- My Label -->
+      <div class="field w-full">
+        <label for="goal">{{ $t('connect.invitation.myLabel') }}</label>
+        <InputText
+          v-model="my_label"
+          class="w-full"
+          type="text"
+          name="my_label"
+        />
+      </div>
+    </Panel>
+
     <div v-if="invitation_url">
       <!-- QR Code Display -->
       <QRCode :qr-content="invitation_url" />
@@ -40,12 +129,15 @@
 
 <script setup lang="ts">
 // Vue
-import { reactive, ref, PropType } from 'vue';
+import { reactive, ref } from 'vue';
 // State
 import { useConnectionStore } from '../../../store';
 // PrimeVue / Validation
 import Button from 'primevue/button';
+import Dropdown from 'primevue/dropdown';
 import InputText from 'primevue/inputtext';
+import Panel from 'primevue/panel';
+import RadioButton from 'primevue/radiobutton';
 import { required } from '@vuelidate/validators';
 import { useVuelidate } from '@vuelidate/core';
 import { useToast } from 'vue-toastification';
@@ -58,16 +150,26 @@ const toast = useToast();
 
 const emit = defineEmits(['closed', 'success']);
 
-// Props
-const props = defineProps({
-  multi: {
-    type: Boolean as PropType<boolean>,
-    required: true,
-  },
-});
-
 // To store local data
+const goal = ref('');
+const goal_code: any = ref('');
+const my_label = ref('');
+const multi = ref(false);
 const invitation_url = ref('');
+const isOob = ref(false);
+
+const codes = ref([
+  { name: 'Issue a credential (issue-vc)', code: 'issue-vc' },
+  { name: 'Request a proof (request-proof)', code: 'request-proof' },
+  {
+    name: 'Create an account with a service (create-account)',
+    code: 'create-account	',
+  },
+  {
+    name: 'Establish a peer-to-peer messaging relationship (p2p-messaging)',
+    code: 'p2p-messaging',
+  },
+]);
 
 // Validation
 const formFields = reactive({
@@ -87,14 +189,26 @@ const handleSubmit = async (isFormValid: boolean) => {
   }
   try {
     // call store
-    const result = await connectionStore.createInvitation(
-      formFields.alias,
-      props.multi
-    );
+    const code = goal_code.value ? goal_code.value.code : '';
+    const result = isOob.value
+      ? await await connectionStore.createOobInvitation(multi.value, {
+          accept: ['didcomm/aip1', 'didcomm/aip2;env=rfc19'],
+          alias: formFields.alias,
+          goal: goal.value,
+          goal_code: code,
+          handshake_protocols: [
+            'https://didcomm.org/didexchange/1.0',
+            'https://didcomm.org/connections/1.0',
+          ],
+          my_label: my_label.value,
+          protocol_version: '1.1',
+          use_public_did: false,
+        })
+      : await connectionStore.createInvitation(formFields.alias, multi.value);
     if (result != null && result['invitation_url']) {
       invitation_url.value = result['invitation_url'];
       console.log(`invitation_url: ${invitation_url.value}`);
-      toast.info('Connection Created');
+      toast.info('Invitation Created');
       emit('success');
     }
     return false;
@@ -105,3 +219,16 @@ const handleSubmit = async (isFormValid: boolean) => {
   }
 };
 </script>
+
+<style scoped lang="scss">
+.settings-group {
+  :deep(.p-panel-header) {
+    border-radius: 0;
+    border-top: none;
+    border-left: none;
+    border-right: none;
+    background-color: transparent;
+    padding-left: 0 !important;
+  }
+}
+</style>
diff --git a/services/tenant-ui/frontend/src/components/innkeeper/InnkeeperLogin.vue b/services/tenant-ui/frontend/src/components/innkeeper/InnkeeperLogin.vue
index 3abd8124f..32462a8f8 100644
--- a/services/tenant-ui/frontend/src/components/innkeeper/InnkeeperLogin.vue
+++ b/services/tenant-ui/frontend/src/components/innkeeper/InnkeeperLogin.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="traction-login grid w-screen h-screen">
+  <div class="traction-login grid w-screen h-full">
     <div class="col-12 md:col-6 xl:col-4">
       <div class="px-8">
         <div class="pt-4 pb-6">
diff --git a/services/tenant-ui/frontend/src/components/layout/mainCard/MainCard.vue b/services/tenant-ui/frontend/src/components/layout/mainCard/MainCard.vue
index 5a1460fef..2a109d56d 100644
--- a/services/tenant-ui/frontend/src/components/layout/mainCard/MainCard.vue
+++ b/services/tenant-ui/frontend/src/components/layout/mainCard/MainCard.vue
@@ -27,6 +27,7 @@ const { cardExpanded } = storeToRefs(useCommonStore());
   height: calc(100% - 20px);
   width: calc(100% - 20px);
   overflow: auto;
+  z-index: 3;
 
   border: 1px solid lightgray;
 }
diff --git a/services/tenant-ui/frontend/src/components/notifications/Alert.vue b/services/tenant-ui/frontend/src/components/notifications/Alert.vue
new file mode 100644
index 000000000..7242f7c3e
--- /dev/null
+++ b/services/tenant-ui/frontend/src/components/notifications/Alert.vue
@@ -0,0 +1,16 @@
+<template>
+  <Message
+    v-if="stringOrBooleanTruthy(config.frontend.ux.infoBanner?.showMessage)"
+    :severity="config.frontend.ux.infoBanner.messageLevel"
+    :closable="false"
+  >
+    {{ config.frontend.ux.infoBanner.message }}
+  </Message>
+</template>
+<script setup lang="ts">
+import Message from 'primevue/message';
+import { storeToRefs } from 'pinia';
+import { useConfigStore } from '@/store/configStore';
+const { config } = storeToRefs(useConfigStore());
+import { stringOrBooleanTruthy } from '@/helpers';
+</script>
diff --git a/services/tenant-ui/frontend/src/helpers/constants.ts b/services/tenant-ui/frontend/src/helpers/constants.ts
index e3bf03ce2..30ac8a191 100644
--- a/services/tenant-ui/frontend/src/helpers/constants.ts
+++ b/services/tenant-ui/frontend/src/helpers/constants.ts
@@ -95,6 +95,9 @@ export const API_PATH = {
   OCAS: '/oca',
   OCA: (id: string) => `/oca/${id}`,
 
+  OUT_OF_BAND_CREATE: '/out-of-band/create-invitation',
+  OUT_OF_BAND_RECIEVE: '/out-of-band/receive-invitation',
+
   PRESENT_PROOF_CREATE_REQUEST: '/present-proof/create-request',
   PRESENT_PROOF_RECORDS: '/present-proof/records',
   PRESENT_PROOF_RECORD: (id: string) => `/present-proof/records/${id}`,
diff --git a/services/tenant-ui/frontend/src/plugins/i18n/locales/en.json b/services/tenant-ui/frontend/src/plugins/i18n/locales/en.json
index 62bc40861..b0b34534f 100644
--- a/services/tenant-ui/frontend/src/plugins/i18n/locales/en.json
+++ b/services/tenant-ui/frontend/src/plugins/i18n/locales/en.json
@@ -67,6 +67,7 @@
     "logout": "Logout",
     "noRecordsFound": "No Records Found",
     "profile": "Profile",
+    "protocol": "Protocol",
     "refreshTable": "Refresh Table",
     "request": "Request",
     "settings": "Settings",
@@ -79,24 +80,8 @@
     "walletId": "Wallet ID"
   },
   "configuration": {
-    "search": {
-      "actions": "Actions",
-      "attributes": "Attributes",
-      "byAttributes": "Search By Attributes",
-      "byDate": "Search By Date",
-      "byId": "Search By ID",
-      "byName": "Search By Name",
-      "bySchemaId": "Search By Schema ID",
-      "byVersion": "Search By Version",
-      "createdAt": "Created At",
-      "credDefs": "Search Cred Defs",
-      "name": "Name",
-      "schemas": "Search Schemas",
-      "version": "Version"
-    },
     "configuration": "Configuration",
     "credentialDefinitions": {
-      "title": "Credential Definition(s)",
       "alreadyExists": "The credential definition already exists on the ledger. Please use a different tag.",
       "confirmDelete": "Are you sure you want to remove this credential definition from storage?",
       "copy": "Copy Credential Definition",
@@ -115,7 +100,8 @@
       "storage": "Credential Definition Storage",
       "stored": "Stored Credential Definitions",
       "tagAlreadyUsed": "Tag is already used",
-      "tagRequired": "Tag is required"
+      "tagRequired": "Tag is required",
+      "title": "Credential Definition(s)"
     },
     "oca": {
       "bundleAssociationType": "OCA Bundle association type",
@@ -128,13 +114,13 @@
     },
     "schemas": {
       "add": "Add Schema",
-      "addNotExists": "The requested schema does not exist on the ledger. Please check the schema ID and try again.",
+      "addedFromLedger": "The schema [{schemaId}] has been added from the ledger.",
       "addFromLedger": "Add Schema from Ledger",
       "addFromLedgerInfo": "This will add any schema from the connected ledger for use in this traction tenant. You must enter the full schema ID.",
+      "addNotExists": "The requested schema does not exist on the ledger. Please check the schema ID and try again.",
       "alreadyExists": "The schema already exists on the ledger. Please use a different name or version.",
-      "copy": "Copy Schema",
-      "addedFromLedger": "The schema [{schemaId}] has been added from the ledger.",
       "confirmDelete": "Are you sure you want to delete this schema?",
+      "copy": "Copy Schema",
       "copyMessage": "You can change attributes, but the new schema must have either a different name or version.",
       "copySent": "Copied schema has been sent to the ledger. This may take a few seconds.",
       "create": "Create Schema",
@@ -151,6 +137,21 @@
       "schema": "Schema",
       "storage": "Schema Storage",
       "stored": "Stored Schemas"
+    },
+    "search": {
+      "actions": "Actions",
+      "attributes": "Attributes",
+      "byAttributes": "Search By Attributes",
+      "byDate": "Search By Date",
+      "byId": "Search By ID",
+      "byName": "Search By Name",
+      "bySchemaId": "Search By Schema ID",
+      "byVersion": "Search By Version",
+      "createdAt": "Created At",
+      "credDefs": "Search Cred Defs",
+      "name": "Name",
+      "schemas": "Search Schemas",
+      "version": "Version"
     }
   },
   "connect": {
@@ -178,7 +179,18 @@
     "invitation": {
       "alias": "Connection Alias",
       "close": "Close",
-      "submit": "Submit"
+      "create": "Create Invitation",
+      "goal": "Goal",
+      "goalCode": "Goal Code",
+      "myLabel": "My Label",
+      "oobSettings": "Out-of-Band Optional Settings",
+      "submit": "Submit",
+      "type": "Type",
+      "typeConnections": "Connections",
+      "typeMultiUse": "Multi Use Invitation",
+      "typeOob": "Out-of-Band",
+      "typeSingleMulti": "Single/Multi",
+      "typeSingleUse": "Single Use Invitation"
     },
     "invitations": {
       "create": "Create Invitation",
@@ -189,14 +201,6 @@
     "message": {
       "messageConnection": "Chat with {0}"
     },
-    "multiUseInvitation": {
-      "multi": "Multi Use Invitation",
-      "multiCreate": "Create Multi Use Invitation"
-    },
-    "singleUseInvitation": {
-      "single": "Single Use Invitation",
-      "singleCreate": "Create Single Use Invitation"
-    },
     "table": {
       "createdAt": "Created At",
       "invitationMode": "Invitation Mode",
@@ -303,9 +307,9 @@
     "connectionNotActiveYet": "Connection not Active yet, refresh or come back once Endorser accepts request.",
     "connectTenantToEndorser": "Connect Tenant To Endorser",
     "connectTenantToEndorserNotAllowed": "Innkeeper has not approved endorser connections.",
+    "connectToEndorserAndRegisterDID": "Connect to Endorser and Register DID corresponding to a Ledger",
     "createdAt": "Created at",
     "endorserConnection": "Endorser Connection",
-    "connectToEndorserAndRegisterDID": "Connect to Endorser and Register DID corresponding to a Ledger",
     "endorserInfo": "Endorser Info",
     "imageUrl": "Image URL",
     "issuer": "Issuer",
@@ -400,6 +404,12 @@
     "fullName": "Full Name",
     "phone": "Phone / Mobile"
   },
+  "session": {
+    "countdown": "You are going to be logged out in { seconds } seconds...",
+    "countdownHeader": "Session timing out",
+    "timeoutHeader": " ",
+    "timeoutMessage": "Your session has timed out due to inactivity and you have been logged out. Please re-enter your login information."
+  },
   "status": {
     "email": "Enter your Email Address of request",
     "reservationId": "Enter your Reservation ID",
@@ -450,11 +460,11 @@
   "tenants": {
     "checkIn": "Check-In Tenant",
     "settings": {
+      "canBecomeIssuer": "Tenant can become issuer, i.e connect to endorser and register DID",
       "canConnectEndorser": "Tenant allowed to connect to Endorser",
       "canRegisterDid": "Tenant allowed to register public DID",
-      "enableLedgerSwitch": "Tenant can switch endorser/ledger",
-      "canBecomeIssuer": "Tenant can become issuer, i.e connect to endorser and register DID",
       "editSettings": "Edit Tenant Config",
+      "enableLedgerSwitch": "Tenant can switch endorser/ledger",
       "endorserAlias": "Endorser Alias:",
       "ledgerName": "Ledger Name:",
       "success": "Tenant Config Updated"
@@ -486,12 +496,5 @@
     "presentationRequestBody": "Proof Request",
     "verification": "Verification",
     "verifications": "Verifications"
-  },
-  "session": {
-    "countdown": "You are going to be logged out in { seconds } seconds...",
-    "countdownHeader": "Session timing out",
-    "timeoutMessage": "Your session has timed out due to inactivity and you have been logged out. Please re-enter your login information.",
-    "timeoutHeader": " "
-  },
-  "placeholder": "placeholder"
+  }
 }
\ No newline at end of file
diff --git a/services/tenant-ui/frontend/src/plugins/i18n/locales/fr.json b/services/tenant-ui/frontend/src/plugins/i18n/locales/fr.json
index a3b98071f..dab2ec1da 100644
--- a/services/tenant-ui/frontend/src/plugins/i18n/locales/fr.json
+++ b/services/tenant-ui/frontend/src/plugins/i18n/locales/fr.json
@@ -79,24 +79,8 @@
     "walletId": "Wallet ID <FR>"
   },
   "configuration": {
-    "search": {
-      "actions": "Actions <FR>",
-      "attributes": "Attributes <FR>",
-      "byAttributes": "Search By Attributes <FR>",
-      "byDate": "Search By Date <FR>",
-      "byId": "Search By ID <FR>",
-      "byName": "Search By Name <FR>",
-      "bySchemaId": "Search By Schema ID <FR>",
-      "byVersion": "Search By Version <FR>",
-      "createdAt": "Created At <FR>",
-      "credDefs": "Search Cred Defs <FR>",
-      "name": "Name <FR>",
-      "schemas": "Search Schemas <FR>",
-      "version": "Version <FR>"
-    },
     "configuration": "Configuration <FR>",
     "credentialDefinitions": {
-      "title": "Credential Definition(s) <FR>",
       "alreadyExists": "The credential definition already exists on the ledger. Please use a different tag. <FR>",
       "confirmDelete": "Are you sure you want to remove this credential definition from storage? <FR>",
       "copy": "Copy Credential Definition <FR>",
@@ -115,7 +99,8 @@
       "storage": "Credential Definition Storage <FR>",
       "stored": "Stored Credential Definitions <FR>",
       "tagAlreadyUsed": "Tag is already used <FR>",
-      "tagRequired": "Tag is required <FR>"
+      "tagRequired": "Tag is required <FR>",
+      "title": "Credential Definition(s) <FR>"
     },
     "oca": {
       "bundleAssociationType": "OCA Bundle association type <FR>",
@@ -128,13 +113,13 @@
     },
     "schemas": {
       "add": "Add Schema <FR>",
-      "addNotExists": "The requested schema does not exist on the ledger. Please check the schema ID and try again. <FR>",
+      "addedFromLedger": "The schema [{schemaId}] has been added from the ledger. <FR>",
       "addFromLedger": "Add Schema from Ledger <FR>",
       "addFromLedgerInfo": "This will add any schema from the connected ledger for use in this traction tenant. You must enter the full schema ID. <FR>",
+      "addNotExists": "The requested schema does not exist on the ledger. Please check the schema ID and try again. <FR>",
       "alreadyExists": "The schema already exists on the ledger. Please use a different name or version. <FR>",
-      "copy": "Copy Schema <FR>",
-      "addedFromLedger": "The schema [{schemaId}] has been added from the ledger. <FR>",
       "confirmDelete": "Are you sure you want to delete this schema? <FR>",
+      "copy": "Copy Schema <FR>",
       "copyMessage": "You can change attributes, but the new schema must have either a different name or version. <FR>",
       "copySent": "Copied schema has been sent to the ledger. This may take a few seconds. <FR>",
       "create": "Create Schema <FR>",
@@ -151,6 +136,21 @@
       "schema": "Schema <FR>",
       "storage": "Schema Storage <FR>",
       "stored": "Stored Schemas <FR>"
+    },
+    "search": {
+      "actions": "Actions <FR>",
+      "attributes": "Attributes <FR>",
+      "byAttributes": "Search By Attributes <FR>",
+      "byDate": "Search By Date <FR>",
+      "byId": "Search By ID <FR>",
+      "byName": "Search By Name <FR>",
+      "bySchemaId": "Search By Schema ID <FR>",
+      "byVersion": "Search By Version <FR>",
+      "createdAt": "Created At <FR>",
+      "credDefs": "Search Cred Defs <FR>",
+      "name": "Name <FR>",
+      "schemas": "Search Schemas <FR>",
+      "version": "Version <FR>"
     }
   },
   "connect": {
@@ -178,7 +178,17 @@
     "invitation": {
       "alias": "Connection Alias <FR>",
       "close": "Close <FR>",
-      "submit": "Submit <FR>"
+      "goal": "Goal <FR>",
+      "goalCode": "Goal Code <FR>",
+      "myLabel": "My Label <FR>",
+      "oobSettings": "Out-of-Band Optional Settings <FR>",
+      "submit": "Submit <FR>",
+      "type": "Type <FR>",
+      "typeConnections": "Connections <FR>",
+      "typeMultiUse": "Multi Use Invitation <FR>",
+      "typeOob": "Out-of-Band <FR>",
+      "typeSingleMulti": "Single/Multi <FR>",
+      "typeSingleUse": "Single Use Invitation <FR>"
     },
     "invitations": {
       "create": "Create Invitation <FR>",
@@ -189,14 +199,6 @@
     "message": {
       "messageConnection": "Chat with {0} <FR>"
     },
-    "multiUseInvitation": {
-      "multi": "Multi Use Invitation <FR>",
-      "multiCreate": "Create Multi Use Invitation <FR>"
-    },
-    "singleUseInvitation": {
-      "single": "Single Use Invitation <FR>",
-      "singleCreate": "Create Single Use Invitation <FR>"
-    },
     "table": {
       "createdAt": "Created At <FR>",
       "invitationMode": "Invitation Mode <FR>",
@@ -303,6 +305,7 @@
     "connectionNotActiveYet": "Connection not Active yet, refresh or come back later. <FR>",
     "connectTenantToEndorser": "Connect Tenant To Endorser <FR>",
     "connectTenantToEndorserNotAllowed": "Innkeeper has not approved endorser connections for your tenant <FR>",
+    "connectToEndorserAndRegisterDID": "Connect to Endorser and Register DID corresponding to a Ledger <FR>",
     "createdAt": "Created at <FR>",
     "endorserConnection": "Endorser Connection <FR>",
     "endorserInfo": "Endorser Info <FR>",
@@ -333,7 +336,8 @@
     "walletLabel": "Wallet Label <FR>",
     "webHookKey": "WebHook Key <FR>",
     "webhooks": "Webhooks <FR>",
-    "webHookUrl": "WebHook URL <FR>"
+    "webHookUrl": "WebHook URL <FR>",
+    "writeLedger": "Current Ledger: {0} <FR>"
   },
   "qrCode": {
     "noContentFound": "No content found <FR>"
@@ -403,6 +407,12 @@
     "fullName": "Full Name <FR>",
     "phone": "Phone / Mobile <FR>"
   },
+  "session": {
+    "countdown": "Vous allez être déconnecté dans { seconds } secondes...",
+    "countdownHeader": "Expiration du délai de session",
+    "timeoutHeader": " ",
+    "timeoutMessage": "Votre session a expiré pour cause d'inactivité et vous avez été déconnecté. Veuillez saisir à nouveau vos informations de connexion."
+  },
   "status": {
     "email": "Enter your Email Address of request <FR>",
     "reservationId": "Enter your Reservation ID <FR>",
@@ -453,9 +463,11 @@
   "tenants": {
     "checkIn": "Check-In Tenant <FR>",
     "settings": {
+      "canBecomeIssuer": "Tenant can become issuer, i.e connect to endorser and register DID <FR>",
       "canConnectEndorser": "Tenant allowed to connect to Endorser <FR>",
       "canRegisterDid": "Tenant allowed to register public DID <FR>",
       "editSettings": "Edit Tenant Config <FR>",
+      "enableLedgerSwitch": "Tenant can switch endorser/ledger <FR>",
       "endorserAlias": "Endorser Alias <FR>",
       "ledgerName": "Ledger Name <FR>",
       "success": "Tenant Config Updated <FR>"
@@ -487,11 +499,5 @@
     "presentationRequestBody": "Proof Request <FR>",
     "verification": "Verification <FR>",
     "verifications": "Verifications <FR>"
-  },
-  "session": {
-    "countdown": "Vous allez être déconnecté dans { seconds } secondes...",
-    "countdownHeader": "Expiration du délai de session",
-    "timeoutMessage": "Votre session a expiré pour cause d'inactivité et vous avez été déconnecté. Veuillez saisir à nouveau vos informations de connexion.",
-    "timeoutHeader": " "
   }
 }
\ No newline at end of file
diff --git a/services/tenant-ui/frontend/src/plugins/i18n/locales/ja.json b/services/tenant-ui/frontend/src/plugins/i18n/locales/ja.json
index 737b35011..188139316 100644
--- a/services/tenant-ui/frontend/src/plugins/i18n/locales/ja.json
+++ b/services/tenant-ui/frontend/src/plugins/i18n/locales/ja.json
@@ -79,24 +79,8 @@
     "walletId": "Wallet ID <JA>"
   },
   "configuration": {
-    "search": {
-      "actions": "Actions <JA>",
-      "attributes": "Attributes <JA>",
-      "byAttributes": "Search By Attributes <JA>",
-      "byDate": "Search By Date <JA>",
-      "byId": "Search By ID <JA>",
-      "byName": "Search By Name <JA>",
-      "bySchemaId": "Search By Schema ID <JA>",
-      "byVersion": "Search By Version <JA>",
-      "createdAt": "Created At <JA>",
-      "credDefs": "Search Cred Defs <JA>",
-      "name": "Name <JA>",
-      "schemas": "Search Schemas <JA>",
-      "version": "Version <JA>"
-    },
     "configuration": "Configuration <JA>",
     "credentialDefinitions": {
-      "title": "Credential Definition(s) <JA>",
       "alreadyExists": "The credential definition already exists on the ledger. Please use a different tag. <JA>",
       "confirmDelete": "Are you sure you want to remove this credential definition from storage? <JA>",
       "copy": "Copy Credential Definition <JA>",
@@ -115,7 +99,8 @@
       "storage": "Credential Definition Storage <JA>",
       "stored": "Stored Credential Definitions <JA>",
       "tagAlreadyUsed": "Tag is already used <JA>",
-      "tagRequired": "Tag is required <JA>"
+      "tagRequired": "Tag is required <JA>",
+      "title": "Credential Definition(s) <JA>"
     },
     "oca": {
       "bundleAssociationType": "OCA Bundle association type <JA>",
@@ -128,13 +113,13 @@
     },
     "schemas": {
       "add": "Add Schema <JA>",
-      "addNotExists": "The requested schema does not exist on the ledger. Please check the schema ID and try again. <JA>",
+      "addedFromLedger": "The schema [{schemaId}] has been added from the ledger. <JA>",
       "addFromLedger": "Add Schema from Ledger <JA>",
       "addFromLedgerInfo": "This will add any schema from the connected ledger for use in this traction tenant. You must enter the full schema ID. <JA>",
+      "addNotExists": "The requested schema does not exist on the ledger. Please check the schema ID and try again. <JA>",
       "alreadyExists": "The schema already exists on the ledger. Please use a different name or version. <JA>",
-      "copy": "Copy Schema <JA>",
-      "addedFromLedger": "The schema [{schemaId}] has been added from the ledger. <JA>",
       "confirmDelete": "Are you sure you want to delete this schema? <JA>",
+      "copy": "Copy Schema <JA>",
       "copyMessage": "You can change attributes, but the new schema must have either a different name or version. <JA>",
       "copySent": "Copied schema has been sent to the ledger. This may take a few seconds. <JA>",
       "create": "Create Schema <JA>",
@@ -151,6 +136,21 @@
       "schema": "Schema <JA>",
       "storage": "Schema Storage <JA>",
       "stored": "Stored Schemas <JA>"
+    },
+    "search": {
+      "actions": "Actions <JA>",
+      "attributes": "Attributes <JA>",
+      "byAttributes": "Search By Attributes <JA>",
+      "byDate": "Search By Date <JA>",
+      "byId": "Search By ID <JA>",
+      "byName": "Search By Name <JA>",
+      "bySchemaId": "Search By Schema ID <JA>",
+      "byVersion": "Search By Version <JA>",
+      "createdAt": "Created At <JA>",
+      "credDefs": "Search Cred Defs <JA>",
+      "name": "Name <JA>",
+      "schemas": "Search Schemas <JA>",
+      "version": "Version <JA>"
     }
   },
   "connect": {
@@ -178,7 +178,17 @@
     "invitation": {
       "alias": "Connection Alias <JA>",
       "close": "Close <JA>",
-      "submit": "Submit <JA>"
+      "goal": "Goal <JA>",
+      "goalCode": "Goal Code <JA>",
+      "myLabel": "My Label <JA>",
+      "oobSettings": "Out-of-Band Optional Settings <JA>",
+      "submit": "Submit <JA>",
+      "type": "Type <JA>",
+      "typeConnections": "Connections <JA>",
+      "typeMultiUse": "Multi Use Invitation <JA>",
+      "typeOob": "Out-of-Band <JA>",
+      "typeSingleMulti": "Single/Multi <JA>",
+      "typeSingleUse": "Single Use Invitation <JA>"
     },
     "invitations": {
       "create": "Create Invitation <JA>",
@@ -189,14 +199,6 @@
     "message": {
       "messageConnection": "Chat with {0} <JA>"
     },
-    "multiUseInvitation": {
-      "multi": "Multi Use Invitation <JA>",
-      "multiCreate": "Create Multi Use Invitation <JA>"
-    },
-    "singleUseInvitation": {
-      "single": "Single Use Invitation <JA>",
-      "singleCreate": "Create Single Use Invitation <JA>"
-    },
     "table": {
       "createdAt": "Created At <JA>",
       "invitationMode": "Invitation Mode <JA>",
@@ -303,6 +305,7 @@
     "connectionNotActiveYet": "Connection not Active yet, refresh or come back later. <JA>",
     "connectTenantToEndorser": "Connect Tenant To Endorser <JA>",
     "connectTenantToEndorserNotAllowed": "Innkeeper has not approved endorser connections for your tenant <JA>",
+    "connectToEndorserAndRegisterDID": "Connect to Endorser and Register DID corresponding to a Ledger <JA>",
     "createdAt": "Created at <JA>",
     "endorserConnection": "Endorser Connection <JA>",
     "endorserInfo": "Endorser Info <JA>",
@@ -333,7 +336,8 @@
     "walletLabel": "Wallet Label <JA>",
     "webHookKey": "WebHook Key <JA>",
     "webhooks": "Webhooks <JA>",
-    "webHookUrl": "WebHook URL <JA>"
+    "webHookUrl": "WebHook URL <JA>",
+    "writeLedger": "Current Ledger: {0} <JA>"
   },
   "qrCode": {
     "noContentFound": "No content found <JA>"
@@ -404,6 +408,12 @@
     "fullName": "Full Name <JA>",
     "phone": "Phone / Mobile <JA>"
   },
+  "session": {
+    "countdown": "You are going to be logged out in { seconds } seconds... <JA>",
+    "countdownHeader": "Session timing out <JA>",
+    "timeoutHeader": " ",
+    "timeoutMessage": "Your session has timed out due to inactivity and you have been logged out. Please re-enter your login information. <JA>"
+  },
   "status": {
     "email": "Enter your Email Address of request <JA>",
     "reservationId": "Enter your Reservation ID <JA>",
@@ -454,9 +464,11 @@
   "tenants": {
     "checkIn": "Check-In Tenant <JA>",
     "settings": {
+      "canBecomeIssuer": "Tenant can become issuer, i.e connect to endorser and register DID <JA>",
       "canConnectEndorser": "Tenant allowed to connect to Endorser <JA>",
       "canRegisterDid": "Tenant allowed to register public DID <JA>",
       "editSettings": "Edit Tenant Config <JA>",
+      "enableLedgerSwitch": "Tenant can switch endorser/ledger <JA>",
       "endorserAlias": "Endorser Alias <JA>",
       "ledgerName": "Ledger Name <JA>",
       "success": "Tenant Config Updated <JA>"
@@ -488,11 +500,5 @@
     "presentationRequestBody": "Proof Request <JA>",
     "verification": "Verification <JA>",
     "verifications": "Verifications <JA>"
-  },
-  "session": {
-    "countdown": "You are going to be logged out in { seconds } seconds... <JA>",
-    "countdownHeader": "Session timing out <JA>",
-    "timeoutMessage": "Your session has timed out due to inactivity and you have been logged out. Please re-enter your login information. <JA>",
-    "timeoutHeader": " "
   }
 }
\ No newline at end of file
diff --git a/services/tenant-ui/frontend/src/store/connectionStore.ts b/services/tenant-ui/frontend/src/store/connectionStore.ts
index d9542d776..6275138db 100644
--- a/services/tenant-ui/frontend/src/store/connectionStore.ts
+++ b/services/tenant-ui/frontend/src/store/connectionStore.ts
@@ -98,6 +98,41 @@ export const useConnectionStore = defineStore('connection', () => {
     return invitationData;
   }
 
+  async function createOobInvitation(multiUse: boolean, payload = {}) {
+    console.log('> connectionStore.createOobInvitation');
+    error.value = null;
+    loading.value = true;
+
+    let invitationData = null;
+    // need the await here since the returned invitationData is not one of our stored refs...
+    await acapyApi
+      .postHttp(API_PATH.OUT_OF_BAND_CREATE, payload, {
+        multi_use: multiUse,
+      })
+      .then((res) => {
+        console.log(res);
+        invitationData = res.data;
+      })
+      .then(() => {
+        listConnections();
+      })
+      .catch((err) => {
+        error.value = err;
+        // console.log(error.value);
+      })
+      .finally(() => {
+        loading.value = false;
+      });
+    console.log('< connectionStore.createOobInvitation');
+
+    if (error.value != null) {
+      // throw error so $onAction.onError listeners can add their own handler
+      throw error.value;
+    }
+    // return data so $onAction.after listeners can add their own handler
+    return invitationData;
+  }
+
   async function receiveInvitation(invite: string, alias: string) {
     console.log('> connectionStore.receiveInvitation');
     error.value = null;
@@ -286,6 +321,7 @@ export const useConnectionStore = defineStore('connection', () => {
     findConnectionName,
     listConnections,
     createInvitation,
+    createOobInvitation,
     receiveInvitation,
     deleteConnection,
     getConnection,
diff --git a/services/tenant-ui/frontend/src/store/innkeeper/innkeeperTenantsStore.ts b/services/tenant-ui/frontend/src/store/innkeeper/innkeeperTenantsStore.ts
index 6d9544bcc..b93d7e0b6 100644
--- a/services/tenant-ui/frontend/src/store/innkeeper/innkeeperTenantsStore.ts
+++ b/services/tenant-ui/frontend/src/store/innkeeper/innkeeperTenantsStore.ts
@@ -22,6 +22,7 @@ import {
 import { RESERVATION_STATUS_ROUTE } from '@/helpers/constants';
 import { API_PATH, RESERVATION_STATUSES } from '@/helpers/constants';
 import { useConfigStore } from '../configStore';
+import test from 'node:test';
 
 export interface TenantResponseData {
   tenant_id?: string;
diff --git a/services/tenant-ui/frontend/src/views/TenantUi.vue b/services/tenant-ui/frontend/src/views/TenantUi.vue
index ea5adc8e3..ea1db6a1c 100644
--- a/services/tenant-ui/frontend/src/views/TenantUi.vue
+++ b/services/tenant-ui/frontend/src/views/TenantUi.vue
@@ -1,9 +1,13 @@
 <template>
-  <AppLayout v-if="tenantReady" />
-  <Login v-else />
+  <div class="alert-container">
+    <Alert class="z-2" />
+    <AppLayout v-if="tenantReady" />
+    <Login v-else />
+  </div>
 </template>
 
 <script setup lang="ts">
+import Alert from '@/components/notifications/Alert.vue';
 import AppLayout from '@/components/layout/AppLayout.vue';
 import Login from '@/components/Login.vue';
 import { storeToRefs } from 'pinia';
@@ -11,3 +15,11 @@ import { useTenantStore } from '@/store';
 
 const { tenantReady } = storeToRefs(useTenantStore());
 </script>
+
+<style scoped lang="scss">
+// This is the info banner alert that is shown on all pages
+.p-message {
+  margin: 0;
+  border-radius: 0;
+}
+</style>
diff --git a/services/tenant-ui/frontend/test/components/connections/Invitations.test.ts b/services/tenant-ui/frontend/test/components/connections/Invitations.test.ts
index a691843f3..60cb474a8 100644
--- a/services/tenant-ui/frontend/test/components/connections/Invitations.test.ts
+++ b/services/tenant-ui/frontend/test/components/connections/Invitations.test.ts
@@ -20,12 +20,12 @@ describe('Invitations', () => {
     wrapper.getComponent({ name: 'DataTable' });
     expect(
       wrapper.findAllComponents({ name: 'CreateConnection' })
-    ).toHaveLength(2);
+    ).toHaveLength(1);
   });
 
   test('table body is rendered with expected values', async () => {
     const wrapper = mountInvitations();
-    const expectedTexts = ['', 'test.alias', 'once'];
+    const expectedTexts = ['', 'test.alias', 'once', 'connections/1.0'];
 
     // td is an expected text or valid date
     wrapper.findAll('tbody td').forEach((td) => {