From 86d02395a2adb7feecb982805fab59cc5707df2a Mon Sep 17 00:00:00 2001
From: andrewwallacespeckle
 <139135120+andrewwallacespeckle@users.noreply.github.com>
Date: Thu, 23 May 2024 10:14:37 +0200
Subject: [PATCH] fix(fe2): Use better input names to avoid triggering
 autocomplete. Stop "a few seconds ago" from breaking line (#2280)

* Use better input names to avoid triggering autocomplete

* Don't break line for "a few seconds ago"

* Other cases of name="name"

* Revert "Other cases of name="name""

This reverts commit fef7068bcb9e1511b1b57e17cc7824c4b2b39fe8.

* Revert "Use better input names to avoid triggering autocomplete"

This reverts commit f7d8d02ee1396a91ba984a64e32553fee9ec419b.

* Add autocomplete off
---
 .../automate/function/create-dialog/DetailsStep.vue           | 1 +
 .../components/project/model-page/dialog/move-to/NewTab.vue   | 1 +
 .../frontend-2/components/project/page/models/NewDialog.vue   | 1 +
 .../components/project/page/models/NewModelStructureItem.vue  | 1 +
 .../components/project/page/models/card/EditDialog.vue        | 1 +
 packages/frontend-2/components/projects/AddDialog.vue         | 1 +
 .../frontend-2/components/viewer/resources/VersionCard.vue    | 4 ++--
 7 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/frontend-2/components/automate/function/create-dialog/DetailsStep.vue b/packages/frontend-2/components/automate/function/create-dialog/DetailsStep.vue
index b24aaad59..8743c5311 100644
--- a/packages/frontend-2/components/automate/function/create-dialog/DetailsStep.vue
+++ b/packages/frontend-2/components/automate/function/create-dialog/DetailsStep.vue
@@ -20,6 +20,7 @@
           show-required
           :rules="nameRules"
           validate-on-value-update
+          autocomplete="off"
         />
       </div>
     </div>
diff --git a/packages/frontend-2/components/project/model-page/dialog/move-to/NewTab.vue b/packages/frontend-2/components/project/model-page/dialog/move-to/NewTab.vue
index acbe3b599..ca66f8c40 100644
--- a/packages/frontend-2/components/project/model-page/dialog/move-to/NewTab.vue
+++ b/packages/frontend-2/components/project/model-page/dialog/move-to/NewTab.vue
@@ -18,6 +18,7 @@
         :custom-icon="CubeIcon"
         :rules="rules"
         :disabled="disabled"
+        autocomplete="off"
       />
       <div class="flex justify-end">
         <FormButton submit :disabled="disabled">Move</FormButton>
diff --git a/packages/frontend-2/components/project/page/models/NewDialog.vue b/packages/frontend-2/components/project/page/models/NewDialog.vue
index 092a5e1da..864bee274 100644
--- a/packages/frontend-2/components/project/page/models/NewDialog.vue
+++ b/packages/frontend-2/components/project/page/models/NewDialog.vue
@@ -19,6 +19,7 @@
           :rules="rules"
           :disabled="anyMutationsLoading"
           help="Use forward slashes in the model name to nest it below other models."
+          autocomplete="off"
         />
         <FormTextArea
           v-model="newDescription"
diff --git a/packages/frontend-2/components/project/page/models/NewModelStructureItem.vue b/packages/frontend-2/components/project/page/models/NewModelStructureItem.vue
index 57b96992b..9ba848b88 100644
--- a/packages/frontend-2/components/project/page/models/NewModelStructureItem.vue
+++ b/packages/frontend-2/components/project/page/models/NewModelStructureItem.vue
@@ -25,6 +25,7 @@
             auto-focus
             :rules="rules"
             :disabled="anyMutationsLoading"
+            autocomplete="off"
           />
         </div>
         <div class="flex flex-wrap gap-1 sm:gap-2">
diff --git a/packages/frontend-2/components/project/page/models/card/EditDialog.vue b/packages/frontend-2/components/project/page/models/card/EditDialog.vue
index ac7cc07ec..b9f71e394 100644
--- a/packages/frontend-2/components/project/page/models/card/EditDialog.vue
+++ b/packages/frontend-2/components/project/page/models/card/EditDialog.vue
@@ -34,6 +34,7 @@
           auto-focus
           :disabled="loading"
           help="Use forward slashes in the model name to nest it below other models."
+          autocomplete="off"
         />
         <FormTextArea
           v-model="newDescription"
diff --git a/packages/frontend-2/components/projects/AddDialog.vue b/packages/frontend-2/components/projects/AddDialog.vue
index 937417a72..defff967f 100644
--- a/packages/frontend-2/components/projects/AddDialog.vue
+++ b/packages/frontend-2/components/projects/AddDialog.vue
@@ -10,6 +10,7 @@
           :rules="[isRequired, isStringOfLength({ maxLength: 512 })]"
           show-required
           auto-focus
+          autocomplete="off"
         />
         <FormTextArea
           name="description"
diff --git a/packages/frontend-2/components/viewer/resources/VersionCard.vue b/packages/frontend-2/components/viewer/resources/VersionCard.vue
index 7e22c7ee6..5e7888ccd 100644
--- a/packages/frontend-2/components/viewer/resources/VersionCard.vue
+++ b/packages/frontend-2/components/viewer/resources/VersionCard.vue
@@ -29,14 +29,14 @@
     >
       <ChevronDownIcon class="h-3 w-3" />
     </div>
-    <div class="flex items-center space-x-2 pl-1">
+    <div class="flex items-center gap-1 pl-1">
       <div class="z-20 -ml-2">
         <UserAvatar :user="author" />
       </div>
       <div
         v-show="showTimeline"
         v-tippy="`${createdAt}`"
-        class="bg-foundation-focus inline-block rounded-full px-2 text-xs font-bold"
+        class="bg-foundation-focus inline-block rounded-full px-2 text-xs font-bold shrink-0"
       >
         <span>{{ isLatest ? 'Latest' : timeAgoCreatedAt }}</span>
       </div>