From c8b1d025a33b679b23d6c9ad2df1ec852397729d Mon Sep 17 00:00:00 2001
From: Alexander Ackermann <abackermann91@gmail.com>
Date: Tue, 11 Aug 2026 22:43:09 +0200
Subject: [PATCH 1/4] fix: add cache-buster for svg images

---
 .../src/components/OcIcon/OcIcon.vue            | 13 +++++++------
 packages/design-system/src/helpers/assets.ts    | 17 +++++++++++++++++
 packages/design-system/src/helpers/index.ts     |  1 +
 .../web-pkg/src/components/NoContentMessage.vue | 13 +++++++++----
 .../src/composables/resources/useLoadPreview.ts |  3 ++-
 packages/web-runtime/src/layouts/Plain.vue      |  4 +++-
 6 files changed, 39 insertions(+), 12 deletions(-)
 create mode 100644 packages/design-system/src/helpers/assets.ts

diff --git a/packages/design-system/src/components/OcIcon/OcIcon.vue b/packages/design-system/src/components/OcIcon/OcIcon.vue
index 4ccb99b9d3..55f1d3ffde 100644
--- a/packages/design-system/src/components/OcIcon/OcIcon.vue
+++ b/packages/design-system/src/components/OcIcon/OcIcon.vue
@@ -27,7 +27,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import InlineSvg from 'vue-inline-svg'
-import { FillType, SizeType, uniqueId, getIconUrlPrefix } from '../../helpers'
+import { FillType, SizeType, uniqueId, getIconUrlPrefix, addVersionToAssetUrl } from '../../helpers'
 
 InlineSvg.name = 'inline-svg'
 
@@ -89,12 +89,13 @@ const emit = defineEmits<Emits>()
 const svgTitleId = computed(() => uniqueId('oc-icon-title-'))
 
 const nameWithFillType = computed(() => {
-  const path = `${getIconUrlPrefix()}icons/`
+  const prefix = getIconUrlPrefix()
   const lowerFillType = fillType.toLowerCase()
-  if (lowerFillType === 'none') {
-    return `${path}${name}.svg`
-  }
-  return `${path}${name}-${lowerFillType}.svg`
+
+  const filename = lowerFillType === 'none' ? `${name}.svg` : `${name}-${lowerFillType}.svg`
+
+  const url = `${prefix}icons/${filename}`
+  return addVersionToAssetUrl(url)
 })
 
 const tailwindSize = computed(() => {
diff --git a/packages/design-system/src/helpers/assets.ts b/packages/design-system/src/helpers/assets.ts
new file mode 100644
index 0000000000..35e8848c82
--- /dev/null
+++ b/packages/design-system/src/helpers/assets.ts
@@ -0,0 +1,17 @@
+// Vite injects this at build time
+declare const process: { env: { PACKAGE_VERSION?: string } }
+
+/**
+ * Adds version query parameter to asset URLs for cache busting
+ */
+export const addVersionToAssetUrl = (url: string): string => {
+  const version = process.env.PACKAGE_VERSION
+  if (!version) {
+    return url
+  }
+
+  const urlObj = new URL(url, window.location.origin)
+  urlObj.searchParams.set('v', version)
+
+  return `${urlObj.pathname}${urlObj.search}`
+}
diff --git a/packages/design-system/src/helpers/index.ts b/packages/design-system/src/helpers/index.ts
index 239656f646..c8f9309131 100644
--- a/packages/design-system/src/helpers/index.ts
+++ b/packages/design-system/src/helpers/index.ts
@@ -4,6 +4,7 @@ export * from './constants'
 export * from './icons'
 export * from './installOptions'
 export * from './isComposingEvent'
+export * from './assets'
 export * from './table'
 export * from './tailwind'
 export * from './types'
diff --git a/packages/web-pkg/src/components/NoContentMessage.vue b/packages/web-pkg/src/components/NoContentMessage.vue
index f000f5a661..4d04f67457 100644
--- a/packages/web-pkg/src/components/NoContentMessage.vue
+++ b/packages/web-pkg/src/components/NoContentMessage.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="no-content-message flex flex-col justify-center items-center text-center">
     <component
-      :is="isSvg ? InlineSvg : 'oc-image'"
+      :is="imgSrc?.toLowerCase().endsWith('.svg') ? InlineSvg : 'oc-image'"
       v-if="imgSrc"
-      :src="imgSrc"
+      :src="imgSrcWithVersion"
       class="mb-4 no-content-message-image"
       width="120"
       height="120"
@@ -29,7 +29,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import InlineSvg from 'vue-inline-svg'
-import { FillType } from '@opencloud-eu/design-system/helpers'
+import { FillType, addVersionToAssetUrl } from '@opencloud-eu/design-system/helpers'
 
 InlineSvg.name = 'inline-svg'
 
@@ -43,7 +43,12 @@ const {
   imgSrc?: string
 }>()
 
-const isSvg = computed(() => imgSrc.toLowerCase().endsWith('.svg'))
+const imgSrcWithVersion = computed(() => {
+  if (!imgSrc) {
+    return imgSrc
+  }
+  return addVersionToAssetUrl(imgSrc)
+})
 </script>
 <style scoped>
 @reference '@opencloud-eu/design-system/tailwind';
diff --git a/packages/web-pkg/src/composables/resources/useLoadPreview.ts b/packages/web-pkg/src/composables/resources/useLoadPreview.ts
index 23ad1fc839..e1a98d4e62 100644
--- a/packages/web-pkg/src/composables/resources/useLoadPreview.ts
+++ b/packages/web-pkg/src/composables/resources/useLoadPreview.ts
@@ -7,6 +7,7 @@ import {
   Resource,
   SpaceResource
 } from '@opencloud-eu/web-client'
+import { addVersionToAssetUrl } from '@opencloud-eu/design-system/helpers'
 import { FolderViewModeConstants } from '../viewMode'
 import { usePreviewService } from '../previewService'
 import { ProcessorType } from '../../services'
@@ -113,7 +114,7 @@ export const useLoadPreview = (viewMode?: Ref<string>) => {
 
       try {
         const defaultSpaceImageBlobURLResponse: any = await httpAuthenticated.get(
-          `${unref(serverUrl)}images/default-space-icon.png`,
+          addVersionToAssetUrl(`${unref(serverUrl)}images/default-space-icon.png`),
           {
             responseType: 'blob'
           }
diff --git a/packages/web-runtime/src/layouts/Plain.vue b/packages/web-runtime/src/layouts/Plain.vue
index e0315ebfeb..2aeea82edf 100644
--- a/packages/web-runtime/src/layouts/Plain.vue
+++ b/packages/web-runtime/src/layouts/Plain.vue
@@ -23,6 +23,7 @@ import { computed, unref } from 'vue'
 import { useGettext } from 'vue3-gettext'
 import { useRouteMeta, useThemeStore } from '@opencloud-eu/web-pkg'
 import { useRoute } from 'vue-router'
+import { addVersionToAssetUrl } from '@opencloud-eu/design-system/helpers'
 import Announcement from '../components/Announcement.vue'
 
 const { $gettext } = useGettext()
@@ -40,7 +41,8 @@ const backgroundImgStyle = computed(() => {
   return unref(backgroundImg) ? { backgroundImage: `url(${unref(backgroundImg)})` } : {}
 })
 const emblemSrc = computed(() => {
-  return unref(currentTheme).isDark ? 'images/icon-lilac.svg' : 'images/icon-petrol.svg'
+  const url = unref(currentTheme).isDark ? 'images/icon-lilac.svg' : 'images/icon-petrol.svg'
+  return addVersionToAssetUrl(url)
 })
 
 const pathIsRoot = computed(() => {

From 2106c4a99050a7d3f493e9eda3ffa6fae89aacfe Mon Sep 17 00:00:00 2001
From: Alexander Ackermann <abackermann91@gmail.com>
Date: Wed, 12 Aug 2026 09:31:04 +0200
Subject: [PATCH 2/4] don't use url constructor

---
 packages/design-system/src/helpers/assets.ts | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/design-system/src/helpers/assets.ts b/packages/design-system/src/helpers/assets.ts
index 35e8848c82..2435f22833 100644
--- a/packages/design-system/src/helpers/assets.ts
+++ b/packages/design-system/src/helpers/assets.ts
@@ -10,8 +10,6 @@ export const addVersionToAssetUrl = (url: string): string => {
     return url
   }
 
-  const urlObj = new URL(url, window.location.origin)
-  urlObj.searchParams.set('v', version)
-
-  return `${urlObj.pathname}${urlObj.search}`
+  const separator = url.includes('?') ? '&' : '?'
+  return `${url}${separator}v=${version}`
 }

From 8ffeff3eb4c98649e088d4b36e4cd30ab46878aa Mon Sep 17 00:00:00 2001
From: Alexander Ackermann <abackermann91@gmail.com>
Date: Wed, 12 Aug 2026 09:32:54 +0200
Subject: [PATCH 3/4] add to logo

---
 .../web-runtime/src/components/Topbar/TopBar.vue   | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/web-runtime/src/components/Topbar/TopBar.vue b/packages/web-runtime/src/components/Topbar/TopBar.vue
index 429bd53700..f376ddda7e 100644
--- a/packages/web-runtime/src/components/Topbar/TopBar.vue
+++ b/packages/web-runtime/src/components/Topbar/TopBar.vue
@@ -10,11 +10,11 @@
       <router-link v-if="!hideLogo" :to="homeLink">
         <picture>
           <source
-            :srcset="currentTheme.logoMobile || currentTheme.logo"
+            :srcset="logoMobileWithVersion"
             media="(max-width: 959px)"
           />
           <oc-image
-            :src="currentTheme.logo"
+            :src="logoWithVersion"
             :alt="sidebarLogoAlt"
             class="oc-logo-image align-middle ml-1 h-[28px] md:h-[36px] w-auto select-none"
           />
@@ -47,6 +47,7 @@
 <script setup lang="ts">
 import { storeToRefs } from 'pinia'
 import { computed, unref } from 'vue'
+import { addVersionToAssetUrl } from '@opencloud-eu/design-system/helpers'
 import UserMenu from './UserMenu.vue'
 import Notifications from './Notifications.vue'
 import FeedbackLink from './FeedbackLink.vue'
@@ -138,6 +139,15 @@ const feedbackLinkOptions = computed(() => {
     ...(feedback.description && { description: feedback.description })
   }
 })
+
+const logoWithVersion = computed(() => {
+  return addVersionToAssetUrl(unref(currentTheme).logo)
+})
+
+const logoMobileWithVersion = computed(() => {
+  const logo = unref(currentTheme).logoMobile || unref(currentTheme).logo
+  return addVersionToAssetUrl(logo)
+})
 </script>
 <style scoped>
 @reference '@opencloud-eu/design-system/tailwind';

From d7e1cfe4becfc1239e9ba410ef1a9681b291e42a Mon Sep 17 00:00:00 2001
From: Alexander Ackermann <abackermann91@gmail.com>
Date: Wed, 12 Aug 2026 09:36:49 +0200
Subject: [PATCH 4/4] format

---
 packages/web-runtime/src/components/Topbar/TopBar.vue | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/packages/web-runtime/src/components/Topbar/TopBar.vue b/packages/web-runtime/src/components/Topbar/TopBar.vue
index f376ddda7e..6b91aad45e 100644
--- a/packages/web-runtime/src/components/Topbar/TopBar.vue
+++ b/packages/web-runtime/src/components/Topbar/TopBar.vue
@@ -9,10 +9,7 @@
       <sidebar-nav-mobile class="flex" />
       <router-link v-if="!hideLogo" :to="homeLink">
         <picture>
-          <source
-            :srcset="logoMobileWithVersion"
-            media="(max-width: 959px)"
-          />
+          <source :srcset="logoMobileWithVersion" media="(max-width: 959px)" />
           <oc-image
             :src="logoWithVersion"
             :alt="sidebarLogoAlt"