From 588d57889f45efa641ab3e10bbb6b5954c33af39 Mon Sep 17 00:00:00 2001
From: Jordan Jensen <jordan.jensen@rstudio.com>
Date: Tue, 23 Jan 2024 14:15:15 -0800
Subject: [PATCH 1/3] Add deploymentKey for provide inject

---
 web/src/utils/provide.ts | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 web/src/utils/provide.ts

diff --git a/web/src/utils/provide.ts b/web/src/utils/provide.ts
new file mode 100644
index 000000000..b8f138706
--- /dev/null
+++ b/web/src/utils/provide.ts
@@ -0,0 +1,11 @@
+// Copyright (C) 2023 by Posit Software, PBC.
+
+import { InjectionKey } from 'vue';
+
+import { Deployment, DeploymentError, PreDeployment } from 'src/api';
+
+export const deploymentKey = Symbol('deployment') as InjectionKey<
+    PreDeployment |
+    Deployment |
+    DeploymentError
+>;

From d24dece91ed76eabba4892503b2bafb2969ef6cb Mon Sep 17 00:00:00 2001
From: Jordan Jensen <jordan.jensen@rstudio.com>
Date: Tue, 23 Jan 2024 14:15:31 -0800
Subject: [PATCH 2/3] Provide deployment in DeploymentPage to children

---
 web/src/views/deployment/DeploymentPage.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/web/src/views/deployment/DeploymentPage.vue b/web/src/views/deployment/DeploymentPage.vue
index 1432f039e..e426110f3 100644
--- a/web/src/views/deployment/DeploymentPage.vue
+++ b/web/src/views/deployment/DeploymentPage.vue
@@ -49,6 +49,8 @@ import ConfigSettings from 'src/components/config/ConfigSettings.vue';
 import FileTree from 'src/components/FileTree.vue';
 import DeploymentHeader from './DeploymentHeader.vue';
 import DeploymentSection from 'src/components/DeploymentSection.vue';
+import { provide } from 'vue';
+import { deploymentKey } from 'src/utils/provide';
 
 const router = useRouter();
 const api = useApi();
@@ -63,6 +65,8 @@ const props = defineProps({
 
 const deployment = deployments.getDeploymentRef(props.name);
 
+provide(deploymentKey, deployment.value);
+
 watch(
   () => deployment.value,
   () => {

From 750141676c83a0ab093ea66e3cf9167d6ee391fe Mon Sep 17 00:00:00 2001
From: Jordan Jensen <jordan.jensen@rstudio.com>
Date: Tue, 23 Jan 2024 14:18:43 -0800
Subject: [PATCH 3/3] Only show diff if not PreDeployment

---
 web/src/components/config/ConfigSetting.vue | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/web/src/components/config/ConfigSetting.vue b/web/src/components/config/ConfigSetting.vue
index 9a2ba0a02..7b04deddd 100644
--- a/web/src/components/config/ConfigSetting.vue
+++ b/web/src/components/config/ConfigSetting.vue
@@ -5,7 +5,7 @@
     <dt class="config-label text-weight-medium space-between-x-sm">
       <span>{{ label }}</span>
       <span
-        v-if="previousValue !== value"
+        v-if="showDiff"
         class="text-low-contrast text-weight-regular"
       >
         Changed since last deploy
@@ -17,7 +17,7 @@
         class="flex gap-sm"
       >
         <template
-          v-if="previousValue !== value"
+          v-if="showDiff"
         >
           <DiffTag
             v-if="previousValue !== undefined"
@@ -37,9 +37,13 @@
 </template>
 
 <script setup lang="ts">
+import { computed, inject } from 'vue';
+
+import { isPreDeployment } from 'src/api';
 import DiffTag from 'src/components/DiffTag.vue';
+import { deploymentKey } from 'src/utils/provide';
 
-defineProps({
+const props = defineProps({
   label: {
     type: String,
     required: true,
@@ -55,6 +59,13 @@ defineProps({
     default: undefined,
   },
 });
+
+const deployment = inject(deploymentKey);
+
+const showDiff = computed((): boolean => {
+  const isPre = deployment ? isPreDeployment(deployment) : false;
+  return !isPre && props.previousValue !== props.value;
+});
 </script>
 
 <style scoped lang="scss">