diff --git a/docs/components/WaterfallGallery/demos/basic.py b/docs/components/WaterfallGallery/demos/basic.py
index b10b6d3b..7f1c2760 100644
--- a/docs/components/WaterfallGallery/demos/basic.py
+++ b/docs/components/WaterfallGallery/demos/basic.py
@@ -13,9 +13,9 @@ def resolve_assets(relative_path):
 with gr.Blocks() as demo:
     mgr.WaterfallGallery(
         value=[
-            resolve_assets('bot.jpeg'),
+            resolve_assets('modelscope.svg'),
             # pass a tuple
-            [resolve_assets('bot2.jpeg'), 'bot2'],
+            [resolve_assets('bot.jpeg'), 'bot'],
             # pass a dict
             {
                 "image": resolve_assets('user.jpeg'),
diff --git a/docs/components/WaterfallGallery/demos/like_click_feedback.py b/docs/components/WaterfallGallery/demos/like_click_feedback.py
index 219e9937..10e2c37d 100644
--- a/docs/components/WaterfallGallery/demos/like_click_feedback.py
+++ b/docs/components/WaterfallGallery/demos/like_click_feedback.py
@@ -17,9 +17,9 @@ def fn(data: gr.EventData):
 with gr.Blocks() as demo:
     gallery = mgr.WaterfallGallery(
         value=[
-            resolve_assets('bot.jpeg'),
+            resolve_assets('modelscope.svg'),
             # pass a tuple
-            [resolve_assets('bot2.jpeg'), 'bot2'],
+            [resolve_assets('bot.jpeg'), 'bot'],
             # pass a dict
             {
                 "image": resolve_assets('user.jpeg'),
diff --git a/docs/components/WaterfallGallery/demos/load_more.py b/docs/components/WaterfallGallery/demos/load_more.py
index 80f72392..a6a23e78 100644
--- a/docs/components/WaterfallGallery/demos/load_more.py
+++ b/docs/components/WaterfallGallery/demos/load_more.py
@@ -13,8 +13,8 @@ def resolve_assets(relative_path):
 
 def load_more(_gallery):
     time.sleep(1)
+    _gallery.append(resolve_assets('modelscope.svg'))
     _gallery.append(resolve_assets('bot.jpeg'))
-    _gallery.append(resolve_assets('bot2.jpeg'))
     _gallery.append(resolve_assets('user.jpeg'))
     _gallery.append(resolve_assets('screen.jpeg'))
     has_more = True
@@ -26,9 +26,9 @@ def load_more(_gallery):
 with gr.Blocks() as demo:
     gallery = mgr.WaterfallGallery(
         value=[
-            resolve_assets('bot.jpeg'),
+            resolve_assets('modelscope.svg'),
             # pass a tuple
-            [resolve_assets('bot2.jpeg'), 'bot2'],
+            [resolve_assets('bot.jpeg'), 'bot'],
             # pass a dict
             {
                 "image": resolve_assets('user.jpeg'),
diff --git a/docs/components/WaterfallGallery/demos/responsive_columns.py b/docs/components/WaterfallGallery/demos/responsive_columns.py
index b75e3c6c..f6bded30 100644
--- a/docs/components/WaterfallGallery/demos/responsive_columns.py
+++ b/docs/components/WaterfallGallery/demos/responsive_columns.py
@@ -17,9 +17,9 @@ def fn():
 with gr.Blocks() as demo:
     gallery = mgr.WaterfallGallery(
         value=[
-            resolve_assets('bot.jpeg'),
+            resolve_assets('modelscope.svg'),
             # pass a tuple
-            [resolve_assets('bot2.jpeg'), 'bot2'],
+            [resolve_assets('bot.jpeg'), 'bot'],
             # pass a dict
             {
                 "image": resolve_assets('user.jpeg'),
diff --git a/docs/components/resources/bot2.jpeg b/docs/components/resources/bot2.jpeg
deleted file mode 100644
index 81c91813..00000000
Binary files a/docs/components/resources/bot2.jpeg and /dev/null differ
diff --git a/docs/components/resources/modelscope.svg b/docs/components/resources/modelscope.svg
new file mode 100644
index 00000000..093ba6fe
--- /dev/null
+++ b/docs/components/resources/modelscope.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 901.77 121.33" xmlns="http://www.w3.org/2000/svg"><g fill="#27254c"><path d="m407.23 42.85h-16.82v56.06h48.59v-56.06zm14.95 43.92h-14.95v-31.77h14.95z"/><path d="m672.43 42.85v12.14 31.77 12.15h44.85v-12.15h-28.03v-31.77h28.03v-12.14h-28.03z"/><path d="m745.74 42.85h-16.82v56.06h48.59v-56.06zm14.95 43.92h-14.95v-31.77h14.95z"/><path d="m807.54 42.85h-16.82v76.62h16.82v-20.56h31.77v-56.06zm14.95 43.92h-14.95v-31.77h14.95z"/><path d="m484.82 42.85h-31.77v56.06h48.59v-76.62h-16.82zm0 43.92h-14.95v-31.77h14.95z"/><path d="m579.92 22.29h16.82v76.62h-16.82z"/><path d="m532.95 42.85h-16.82v56.53h48.59v-12.62h-31.77v-9.34h31.77v-34.57zm14.95 22.43h-14.95v-10.28h14.95z"/><path d="m884.95 42.85h-31.77v56.06h48.59v-12.15h-31.77v-9.11h31.77v-34.8zm0 22.66h-14.95v-10.51h14.95z"/><path d="m611.16 30.64v12.14 14.66 12.02.13h31.77v17.17h-31.77v12.15h31.77 16.82v-29.32-12.15h-16.82-14.95v-14.66h31.77v-12.14h-31.77z"/><path d="m308.9 31.63h-16.81v16.82 16.82h-16.82v16.82h16.82v16.82h16.82v-16.82h-16.82v-16.82h16.82v-16.82h16.81v-16.82h-16.81z"/><path d="m325.73 65.27v16.82h16.82v-16.82-16.82h-16.82z"/><path d="m342.56 31.63v16.82h16.82v16.82 16.82 16.82h16.81v-16.82-16.82-16.82-16.82h-16.81z"/></g><path d="m0 47.84h25.65v25.65h-25.65z" fill="#624aff"/><path d="m99.14 73.49h25.65v25.65h-25.65z" fill="#624aff"/><path d="m176.09 99.14h-25.65v22.19h47.84v-47.84h-22.19z" fill="#624aff"/><path d="m124.79 47.84h25.65v25.65h-25.65z" fill="#36cfd1"/><path d="m0 22.19h25.65v25.65h-25.65z" fill="#36cfd1"/><path d="m198.28 47.84h25.65v25.65h-25.65z" fill="#624aff"/><path d="m198.28 22.19h25.65v25.65h-25.65z" fill="#36cfd1"/><path d="m150.44 0v22.19h25.65v25.65h22.19v-47.84z" fill="#624aff"/><path d="m73.49 47.84h25.65v25.65h-25.65z" fill="#36cfd1"/><path d="m47.84 22.19h25.65v-22.19h-47.84v47.84h22.19z" fill="#624aff"/><path d="m47.84 73.49h-22.19v47.84h47.84v-22.19h-25.65z" fill="#624aff"/></svg>
\ No newline at end of file
diff --git a/frontend/WaterfallGallery/index.svelte b/frontend/WaterfallGallery/index.svelte
index 82b9bd99..4942a7a1 100644
--- a/frontend/WaterfallGallery/index.svelte
+++ b/frontend/WaterfallGallery/index.svelte
@@ -37,6 +37,8 @@
   export let object_fit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' =
     'cover';
   export let show_download_button = false;
+  export let root: string;
+  export let proxy_url: string;
   export let gradio: Gradio<{
     change: typeof value;
     select: SelectData;
@@ -102,6 +104,8 @@
     {label}
     {action_label}
     {value}
+    {root}
+    {proxy_url}
     {show_label}
     {object_fit}
     load_more_button_props={_load_more_button_props}
diff --git a/frontend/WaterfallGallery/shared/Gallery.svelte b/frontend/WaterfallGallery/shared/Gallery.svelte
index a3b8051a..3dfd27b0 100644
--- a/frontend/WaterfallGallery/shared/Gallery.svelte
+++ b/frontend/WaterfallGallery/shared/Gallery.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import { BlockLabel, Empty, IconButton, ShareButton } from '@gradio/atoms';
   import { BaseButton } from '@gradio/button';
+  import { type FileData, normalise_file } from '@gradio/client';
   import { Download, Image as ImageIcon } from '@gradio/icons';
   import { Loader } from '@gradio/statustracker';
   import { ModifyUpload } from '@gradio/upload';
@@ -34,6 +35,8 @@
   export let columns: number | number[] | Breakpoints | undefined = [2];
   export let height: number | 'auto' = 'auto';
   export let preview: boolean;
+  export let root: string;
+  export let proxy_url: string;
   export let allow_preview = true;
   export let show_share_button = false;
   export let likeable: boolean;
@@ -100,7 +103,13 @@
   $: was_reset = value == null || value.length === 0 ? true : was_reset;
 
   let resolved_value: GalleryData | null = null;
-  $: resolved_value = value == null ? null : value;
+  $: resolved_value =
+    value == null
+      ? null
+      : value.map((item) => {
+          item.image = normalise_file(item.image, root, proxy_url) as FileData;
+          return item;
+        });
   let prev_value: GalleryData | null = value;
   if (selected_index == null && preview && value?.length) {
     selected_index = 0;