From 8c389635fb1c02e59f621b5ab7f134959aeed276 Mon Sep 17 00:00:00 2001
From: Dima K <dima1086@hotmail.com>
Date: Thu, 5 Feb 2026 13:23:59 -0800
Subject: [PATCH 1/6] feat: sort pr docs by recent first and show date badges

---
 .../app/components/Host/SupportingInfo.vue    |  8 +++----
 .../app/components/SupportingDocuments.vue    | 24 +++++++++++++++----
 strr-examiner-web/i18n/locales/en-CA.ts       |  1 +
 3 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/strr-examiner-web/app/components/Host/SupportingInfo.vue b/strr-examiner-web/app/components/Host/SupportingInfo.vue
index 801a3f21a..e73280ab7 100644
--- a/strr-examiner-web/app/components/Host/SupportingInfo.vue
+++ b/strr-examiner-web/app/components/Host/SupportingInfo.vue
@@ -195,12 +195,12 @@ const businessLicenseRegistrationConfig: SupportingDocumentsConfig = {
                 </div>
                 <div>
                   <SupportingDocuments
-                    class="mb-1 flex flex-wrap gap-y-2"
+                    class="mb-1 flex flex-col gap-y-2"
                     data-testid="bl-documents"
                     :config="isApplication ? businessLicenseDocumentsConfig : businessLicenseRegistrationConfig"
                   />
                   <SupportingDocuments
-                    class="mb-1 flex flex-wrap gap-y-2"
+                    class="mb-1 flex flex-col gap-y-2"
                     data-testid="bl-noc-documents"
                     :config="businessLicenseNocDocumentsConfig"
                   />
@@ -238,12 +238,12 @@ const businessLicenseRegistrationConfig: SupportingDocumentsConfig = {
                   data-testid="pr-req-documents"
                 >
                   <SupportingDocuments
-                    class="mb-1 flex flex-wrap gap-y-2"
+                    class="mb-1 flex flex-col gap-y-2"
                     data-testid="initial-app-documents"
                     :config="isApplication ? applicationDocumentsConfig : registrationDocumentsConfig"
                   />
                   <SupportingDocuments
-                    class="flex flex-wrap gap-y-2"
+                    class="flex flex-col gap-y-2"
                     data-testid="noc-documents"
                     :config="nocDocumentsConfig"
                   />
diff --git a/strr-examiner-web/app/components/SupportingDocuments.vue b/strr-examiner-web/app/components/SupportingDocuments.vue
index 51a1e1729..b37927810 100644
--- a/strr-examiner-web/app/components/SupportingDocuments.vue
+++ b/strr-examiner-web/app/components/SupportingDocuments.vue
@@ -27,13 +27,27 @@ const filterDocumentsByConfig = (config: SupportingDocumentsConfig): ApiDocument
     return includeType && !excludeType && includeStep && !excludeStep
   })
 }
-// optionally filter documents based on config, or return all documents
-const filteredDocuments = computed(() => props.config ? filterDocumentsByConfig(props.config) : documents)
+// sort documents by date (most recent first)
+const sortByDate = (docs: ApiDocument[]): ApiDocument[] => {
+  return [...docs].sort((a, b) => {
+    const dateA = new Date(a.uploadDate || a.addedOn || 0).getTime()
+    const dateB = new Date(b.uploadDate || b.addedOn || 0).getTime()
+    return dateB - dateA
+  })
+}
+
+// optionally filter documents based on config, or return all documents, sorted by date
+const filteredDocuments = computed(() => {
+  const docs = props.config ? filterDocumentsByConfig(props.config) : documents
+  return sortByDate(docs)
+})
 
 const appRegNumber = computed((): string | number =>
   isApplication.value ? applicationNumber : activeReg.value.id
 )
 
+const displayDate = (date: string = '') => dateToString(date, 'y-MM-dd', true)
+
 const shouldShowDateBadge = (document: ApiDocument): boolean => {
   return (document.uploadStep && props.config?.includeDateBadge?.includes(document.uploadStep)) ||
     (props.config?.showDateBadgeForAll && (document.uploadDate || document.addedOn))
@@ -42,7 +56,7 @@ const shouldShowDateBadge = (document: ApiDocument): boolean => {
 
 <template>
   <div v-if="!isEmpty(filteredDocuments)">
-    <span
+    <div
       v-for="(document, index) in filteredDocuments"
       :key="document.fileKey"
       class="mr-4 flex whitespace-nowrap"
@@ -58,11 +72,11 @@ const shouldShowDateBadge = (document: ApiDocument): boolean => {
       </UButton>
       <UBadge
         v-if="shouldShowDateBadge(document)"
-        :label="`${ t('strr.label.added')} ` + (document.uploadDate || document.addedOn)"
+        :label="`${ t('strr.label.added')} ` + displayDate(document.uploadDate || document.addedOn)"
         size="sm"
         class="ml-2 px-3 py-0 font-bold"
         data-testid="supporting-doc-date-badge"
       />
-    </span>
+    </div>
   </div>
 </template>
diff --git a/strr-examiner-web/i18n/locales/en-CA.ts b/strr-examiner-web/i18n/locales/en-CA.ts
index 71cf2544d..36fb62374 100644
--- a/strr-examiner-web/i18n/locales/en-CA.ts
+++ b/strr-examiner-web/i18n/locales/en-CA.ts
@@ -669,6 +669,7 @@ export default {
     UTILITY_BILL: 'Utility Bill',
     GOVT_OR_CROWN_CORP_OFFICIAL_NOTICE: 'Government or Crown Corporation Official Notice',
     FRACTIONAL_OWNERSHIP_AGREEMENT: 'Fractional Ownership Agreement',
+    PROPERTY_TITLE_WITH_FRACTIONAL_OWNERSHIP: 'Property Title Showing Fractional Ownership',
     STRATA_HOTEL_DOCUMENTATION: 'Strata Hotel Documentation',
     TENANCY_AGREEMENT: 'Tenancy Agreement',
     RENT_RECEIPT_OR_BANK_STATEMENT: 'Rent Receipt or Bank Statement',

From 76391952e1cae4c6646c158f3c048cfcd1560eca Mon Sep 17 00:00:00 2001
From: Dima K <dima1086@hotmail.com>
Date: Thu, 5 Feb 2026 13:28:22 -0800
Subject: [PATCH 2/6] chore: cleanup and version update

---
 .../app/components/SnapshotVersionsTable.vue              | 8 ++------
 .../[registrationId]/snapshots/[snapshotId].vue           | 2 +-
 strr-examiner-web/package.json                            | 2 +-
 3 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/strr-examiner-web/app/components/SnapshotVersionsTable.vue b/strr-examiner-web/app/components/SnapshotVersionsTable.vue
index 11db20119..2b5f29021 100644
--- a/strr-examiner-web/app/components/SnapshotVersionsTable.vue
+++ b/strr-examiner-web/app/components/SnapshotVersionsTable.vue
@@ -28,9 +28,9 @@ const onViewSnapshot = async (snapshotEndpoint: string) => {
       <div class="flex items-center gap-2">
         <UIcon
           name="i-mdi-folder-outline"
-          class="size-6 text-str-blue"
+          class="text-str-blue size-6"
         />
-        <h3 class="text-lg text-str-textGray">
+        <h3 class="text-str-textGray text-lg">
           {{ t('label.versions') }}
         </h3>
       </div>
@@ -79,7 +79,3 @@ const onViewSnapshot = async (snapshotEndpoint: string) => {
     </UTable>
   </div>
 </template>
-
-<style>
-
-</style>
diff --git a/strr-examiner-web/app/pages/registration/[registrationId]/snapshots/[snapshotId].vue b/strr-examiner-web/app/pages/registration/[registrationId]/snapshots/[snapshotId].vue
index a6d4a6038..bced94b8b 100644
--- a/strr-examiner-web/app/pages/registration/[registrationId]/snapshots/[snapshotId].vue
+++ b/strr-examiner-web/app/pages/registration/[registrationId]/snapshots/[snapshotId].vue
@@ -24,7 +24,7 @@ const { data: snapshot, status, error } = await useLazyAsyncData<
     const snapshotId = route.params.snapshotId as string
     const resp = await getSnapshotById(registrationId, snapshotId)
     activeRecord.value = resp.snapshotData // used for the data needed to render the details page
-    snapshotInfo.value = resp // user for data needed for snapshot info widget on details page
+    snapshotInfo.value = resp // used for data needed for snapshot info widget on details page
     return resp
   }
 )
diff --git a/strr-examiner-web/package.json b/strr-examiner-web/package.json
index 7cdf3de2e..de0c6e197 100644
--- a/strr-examiner-web/package.json
+++ b/strr-examiner-web/package.json
@@ -2,7 +2,7 @@
   "name": "strr-examiner-web",
   "private": true,
   "type": "module",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "scripts": {
     "build-check": "nuxt build",
     "build": "nuxt generate",

From 9b214832ea3136dd91e10716a58dcefaebb6cca6 Mon Sep 17 00:00:00 2001
From: Dima K <dima1086@hotmail.com>
Date: Thu, 5 Feb 2026 13:41:51 -0800
Subject: [PATCH 3/6] chore: fix lint

---
 strr-examiner-web/app/components/SnapshotVersionsTable.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/strr-examiner-web/app/components/SnapshotVersionsTable.vue b/strr-examiner-web/app/components/SnapshotVersionsTable.vue
index 2b5f29021..0596b92fa 100644
--- a/strr-examiner-web/app/components/SnapshotVersionsTable.vue
+++ b/strr-examiner-web/app/components/SnapshotVersionsTable.vue
@@ -28,9 +28,9 @@ const onViewSnapshot = async (snapshotEndpoint: string) => {
       <div class="flex items-center gap-2">
         <UIcon
           name="i-mdi-folder-outline"
-          class="text-str-blue size-6"
+          class="size-6 text-str-blue"
         />
-        <h3 class="text-str-textGray text-lg">
+        <h3 class="text-lg text-str-textGray">
           {{ t('label.versions') }}
         </h3>
       </div>

From 3a3cae5259276647629a92ae64e9c787c039997a Mon Sep 17 00:00:00 2001
From: Dima K <dima1086@hotmail.com>
Date: Thu, 5 Feb 2026 15:38:49 -0800
Subject: [PATCH 4/6] feat: move historical apps table under the decision
 component

---
 .../app/pages/registration/[registrationId]/index.vue     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/strr-examiner-web/app/pages/registration/[registrationId]/index.vue b/strr-examiner-web/app/pages/registration/[registrationId]/index.vue
index 732e846e4..c520ac457 100644
--- a/strr-examiner-web/app/pages/registration/[registrationId]/index.vue
+++ b/strr-examiner-web/app/pages/registration/[registrationId]/index.vue
@@ -223,15 +223,15 @@ watch(
       </ApplicationDetailsView>
       <DocumentUpload />
       <ComposeNoc v-if="!showDecisionPanel" />
-      <HistoricalApplicationsTable
-        v-if="!isApplication && isHistoricalApplicationsTableEnabled"
-        :applications="(activeRecord as HousRegistrationResponse).header.applications ?? []"
-      />
       <SnapshotVersionsTable
         v-if="!isApplication && isSnapshotVersionsTableEnabled"
         :snapshots="(activeRecord as HousRegistrationResponse).snapshots ?? []"
       />
       <DecisionPanel />
+      <HistoricalApplicationsTable
+        v-if="!isApplication && isHistoricalApplicationsTableEnabled"
+        :applications="(activeRecord as HousRegistrationResponse).header.applications ?? []"
+      />
       <AssignmentActions :is-registration-page="true" @refresh="refresh" />
     </template>
   </div>

From 30dc86813763f4b53d17d900ab650b00a9cbf675 Mon Sep 17 00:00:00 2001
From: Dima K <dima1086@hotmail.com>
Date: Thu, 5 Feb 2026 15:44:38 -0800
Subject: [PATCH 5/6] feat: move snapshots table under the decision component

---
 .../app/pages/registration/[registrationId]/index.vue           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/strr-examiner-web/app/pages/registration/[registrationId]/index.vue b/strr-examiner-web/app/pages/registration/[registrationId]/index.vue
index c520ac457..a46e1497f 100644
--- a/strr-examiner-web/app/pages/registration/[registrationId]/index.vue
+++ b/strr-examiner-web/app/pages/registration/[registrationId]/index.vue
@@ -223,11 +223,11 @@ watch(
       </ApplicationDetailsView>
       <DocumentUpload />
       <ComposeNoc v-if="!showDecisionPanel" />
+      <DecisionPanel />
       <SnapshotVersionsTable
         v-if="!isApplication && isSnapshotVersionsTableEnabled"
         :snapshots="(activeRecord as HousRegistrationResponse).snapshots ?? []"
       />
-      <DecisionPanel />
       <HistoricalApplicationsTable
         v-if="!isApplication && isHistoricalApplicationsTableEnabled"
         :applications="(activeRecord as HousRegistrationResponse).header.applications ?? []"

From e11eba782623469f1d851e0bab5f6fc0ab169514 Mon Sep 17 00:00:00 2001
From: Dima K <dima1086@hotmail.com>
Date: Fri, 6 Feb 2026 10:44:00 -0800
Subject: [PATCH 6/6] feat(ui): add Decision component into new Actions section

---
 .../app/components/DecisionPanel.vue          | 182 +++++++++---------
 .../app/components/SnapshotVersionsTable.vue  |   2 +-
 strr-examiner-web/i18n/locales/en-CA.ts       |   1 +
 3 files changed, 98 insertions(+), 87 deletions(-)

diff --git a/strr-examiner-web/app/components/DecisionPanel.vue b/strr-examiner-web/app/components/DecisionPanel.vue
index 46de442bb..ac8c22731 100644
--- a/strr-examiner-web/app/components/DecisionPanel.vue
+++ b/strr-examiner-web/app/components/DecisionPanel.vue
@@ -193,105 +193,115 @@ onMounted(() => {
 <template>
   <div
     v-if="showDecisionPanel"
-    class="app-inner-container mb-10"
+    class="app-inner-container mb-4"
     data-testid="decision-panel"
   >
-    <ConnectPageSection>
-      <div class="px-10 py-6">
-        <div class="grid grid-cols-2 gap-x-5">
-          <div>
-            <div class="font-bold">
-              {{ t('decision.title') }}
-            </div>
-            <UTooltip
-              text="Assign yourself to make changes"
-              :prevent="isAssignedToUser"
-              :popper="{
-                arrow: true,
-                placement: 'top',
-                offsetDistance: 16 }"
-              class="mb-6 mt-4 flex flex-wrap justify-between gap-2"
-              :ui="{
-                base: 'p-5'
-              }"
+    <!-- Header -->
+    <div class="flex items-center justify-between rounded-t-lg bg-[#E2E8EE] px-6 py-4">
+      <div class="flex items-center gap-2">
+        <UIcon
+          name="i-mdi-format-list-checks"
+          class="size-6 text-str-blue"
+        />
+        <h3 class="text-lg text-str-textGray">
+          {{ t('label.actions') }}
+        </h3>
+      </div>
+    </div>
+    <div class="bg-white p-6">
+      <div class="grid grid-cols-2 gap-x-5">
+        <div>
+          <div class="font-bold">
+            {{ t('decision.title') }}
+          </div>
+          <UTooltip
+            text="Assign yourself to make changes"
+            :prevent="isAssignedToUser"
+            :popper="{
+              arrow: true,
+              placement: 'top',
+              offsetDistance: 16 }"
+            class="mb-6 mt-4 flex flex-wrap justify-between gap-2"
+            :ui="{
+              base: 'p-5'
+            }"
+          >
+            <UButton
+              v-for="(button, i) in decisionButtons.filter(btn => !btn.hidden)"
+              :key="'button-' + i"
+              class="h-[44px] grow justify-center"
+              :class="decisionIntent === button.action && button.activeStyle"
+              :color="button.color || 'primary'"
+              :disabled="button.disabled || !isAssignedToUser"
+              :icon="button.icon || ''"
+              :label="button.label"
+              variant="outline"
+              :data-testid="`decision-button-${button.action.toLocaleLowerCase()}`"
+              size="md"
+              @click="setDecisionIntent(button.action)"
+            />
+            <UDropdown
+              v-if="moreActionItems.length !== 0"
+              :items="moreActionItems"
             >
               <UButton
-                v-for="(button, i) in decisionButtons.filter(btn => !btn.hidden)"
-                :key="'button-' + i"
-                class="h-[44px] grow justify-center"
-                :class="decisionIntent === button.action && button.activeStyle"
-                :color="button.color || 'primary'"
-                :disabled="button.disabled || !isAssignedToUser"
-                :icon="button.icon || ''"
-                :label="button.label"
+                :label="t('btn.moreActions')"
+                class="h-[44px] px-5"
+                color="blue"
+                trailing-icon="i-mdi-chevron-down"
                 variant="outline"
-                :data-testid="`decision-button-${button.action.toLocaleLowerCase()}`"
-                size="md"
-                @click="setDecisionIntent(button.action)"
+                data-testid="decision-button-more-actions"
+                :disabled="!isAssignedToUser"
               />
-              <UDropdown
-                v-if="moreActionItems.length !== 0"
-                :items="moreActionItems"
-              >
-                <UButton
-                  :label="t('btn.moreActions')"
-                  class="h-[44px] px-5"
-                  color="blue"
-                  trailing-icon="i-mdi-chevron-down"
-                  variant="outline"
-                  data-testid="decision-button-more-actions"
-                  :disabled="!isAssignedToUser"
-                />
-              </UDropdown>
-            </UTooltip>
+            </UDropdown>
+          </UTooltip>
 
-            <ApprovalConditions
-              v-if="isApproveDecisionSelected && isAssignedToUser"
-              v-model:conditions="localConditions"
-              v-model:custom-condition="customCondition"
-              v-model:min-booking-days="minBookingDays"
-            />
+          <ApprovalConditions
+            v-if="isApproveDecisionSelected && isAssignedToUser"
+            v-model:conditions="localConditions"
+            v-model:custom-condition="customCondition"
+            v-model:min-booking-days="minBookingDays"
+          />
+        </div>
+        <div>
+          <div class="font-bold">
+            {{ t('decision.emailTitle') }}
           </div>
-          <div>
-            <div class="font-bold">
-              {{ t('decision.emailTitle') }}
-            </div>
-            <UForm
-              ref="decisionEmailFormRef"
-              :schema="sendNocSchema"
-              :state="decisionEmailContent"
-              :validate-on="['submit']"
-              class="mt-4"
+          <UForm
+            ref="decisionEmailFormRef"
+            :schema="sendNocSchema"
+            :state="decisionEmailContent"
+            :validate-on="['submit']"
+            class="mt-4"
+          >
+            <UFormGroup
+              name="content"
+              :ui="{
+                wrapper: 'mb-4',
+                error: 'text-xs/5 mt-1 absolute'
+              }"
             >
-              <UFormGroup
-                name="content"
+              <UTextarea
+                v-model="decisionEmailContent.content"
+                :placeholder="decisionEmailPlaceholder"
+                :aria-label="decisionEmailPlaceholder"
+                data-testid="decision-email"
+                color="gray"
+                auto-resize
+                :disabled="isDecisionEmailDisabled"
                 :ui="{
-                  wrapper: 'mb-4',
-                  error: 'text-xs/5 mt-1 absolute'
+                  base: 'h-[290px] !bg-str-bgGray focus:ring-0',
+                  padding: {
+                    sm: 'p-4'
+                  }
                 }"
-              >
-                <UTextarea
-                  v-model="decisionEmailContent.content"
-                  :placeholder="decisionEmailPlaceholder"
-                  :aria-label="decisionEmailPlaceholder"
-                  data-testid="decision-email"
-                  color="gray"
-                  auto-resize
-                  :disabled="isDecisionEmailDisabled"
-                  :ui="{
-                    base: 'h-[290px] !bg-str-bgGray focus:ring-0',
-                    padding: {
-                      sm: 'p-4'
-                    }
-                  }"
-                  @update:model-value="decisionEmailFormRef.clear()"
-                />
-              </UFormGroup>
-            </UForm>
-          </div>
+                @update:model-value="decisionEmailFormRef.clear()"
+              />
+            </UFormGroup>
+          </UForm>
         </div>
       </div>
-    </ConnectPageSection>
+    </div>
   </div>
 </template>
 
diff --git a/strr-examiner-web/app/components/SnapshotVersionsTable.vue b/strr-examiner-web/app/components/SnapshotVersionsTable.vue
index 0596b92fa..eeb893d88 100644
--- a/strr-examiner-web/app/components/SnapshotVersionsTable.vue
+++ b/strr-examiner-web/app/components/SnapshotVersionsTable.vue
@@ -27,7 +27,7 @@ const onViewSnapshot = async (snapshotEndpoint: string) => {
     <div class="flex items-center justify-between rounded-t-lg bg-[#E2E8EE] px-6 py-4">
       <div class="flex items-center gap-2">
         <UIcon
-          name="i-mdi-folder-outline"
+          name="i-mdi-lan"
           class="size-6 text-str-blue"
         />
         <h3 class="text-lg text-str-textGray">
diff --git a/strr-examiner-web/i18n/locales/en-CA.ts b/strr-examiner-web/i18n/locales/en-CA.ts
index 36fb62374..2b096adc1 100644
--- a/strr-examiner-web/i18n/locales/en-CA.ts
+++ b/strr-examiner-web/i18n/locales/en-CA.ts
@@ -357,6 +357,7 @@ export default {
   label: {
     applications: 'Applications',
     versions: 'Versions',
+    actions: 'Actions',
     hotelName: 'Hotel Name',
     expiryDate: 'Expiry Date',
     application: 'Application',