@wix/himalaya-cli 0.1033.0 → 0.1034.0

package/templates/branded-lite/tier5-src/himi-branded-lite-videos/index.ts

@@ -6,13 +6,13 @@
 // same ChannelListQuery to the VOD public GraphQL endpoint through the raw
 // `globalThis.himalaya.wixApi.call` bridge (which accepts absolute URLs + rides the
 // app's WixApiCapability auth — same chokepoint wix-spaces-dashboard uses for
-// manage.wix.com). When the site has no Wix Video app / the endpoint isn't readable
-// with the app's auth (errors or returns empty), it substitutes representative SAMPLE
-// channels and flags `isMock`, so the screen shows a clearly-labelled "Sample content"
-// banner. Real channels always win the moment any exist.
+// manage.wix.com). a failed query is an error with Retry (or Sign in), an
+// empty one a real empty state; sample channels appear only in the host's explicit
+// sample preview (_shared/branded-load-state.ts).
 //
 // Endpoint + query verbatim from wix-one-app-vod/src/api/v3 (env.ts + ChannelFetch.ts).
 import { defineService } from "../_shared/collection-service.js";
+import { LOADING, loaded, loadFailed, type LoadCopy, type LoadFlags } from "../_shared/branded-load-state.js";
 
 const VOD_PUBLIC_GRAPHQL = "https://manage.wix.com/_api/vod/public/graphql";
 const CHANNEL_LIST_QUERY = `
@@ -34,8 +34,7 @@ function wixApi(): WixApi | null {
 
 interface VodChannel { id?: string; title?: string; description?: string; videos?: { total?: number }; hasPaidVideos?: boolean }
 interface Row { id: string; title: string; subtitle: string }
-interface S {
-  status: "loading" | "ready";
+interface S extends LoadFlags {
   channels: Row[]; emptyText: string;
   isMock: boolean; notMock: boolean; /** #2849 — hiddenWhen() hides on TRUE, so these are inverted: the empty-state banner
    *  shows only when the site really has none, and the unavailable one only when the
@@ -57,17 +56,23 @@ const MOCK: Row[] = [
   { id: "sample-masterclass", title: "Masterclass",    subtitle: "8 videos · Premium" },
 ];
 
-function mockState(s: S, reason: "empty" | "unavailable"): S {
-  return { ...s, status: "ready", channels: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, notMockEmpty: reason !== "empty", notMockUnavailable: reason !== "unavailable"};
-}
+/** sample rows reach the screen ONLY in the host's explicit sample preview;
+ *  a failed or empty query is an honest error / empty state (branded-load-state.ts). */
+const COPY: LoadCopy<Row> = {
+  prefix: "videos",
+  empty: "No videos yet — check back soon.",
+  error: "Videos couldn't be loaded.",
+  signIn: "Sign in to watch videos.",
+  sample: () => MOCK.map((r) => ({ ...r })),
+};
 
 const svc = defineService<S, { load: (s: S) => Promise<S> }>("himiBrandedVideos", {
-  state: { status: "loading", channels: [], emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true},
+  state: { ...LOADING, channels: [], emptyText: "" },
   actions: {
     load: async (s) => {
       try {
         const api = wixApi();
-        if (!api) return mockState(s, "unavailable");
+        if (!api) return { ...s, ...loadFailed("channels", new Error("Wix bridge unavailable"), COPY) };
         const res = (await api.call("POST", VOD_PUBLIC_GRAPHQL, { query: CHANNEL_LIST_QUERY, variables: {} })) as
           { data?: { channels?: { entities?: VodChannel[] } } } | { channels?: { entities?: VodChannel[] } };
         // The gateway may return the GraphQL envelope ({data:{...}}) or the bridge may
@@ -76,10 +81,9 @@ const svc = defineService<S, { load: (s: S) => Promise<S> }>("himiBrandedVideos"
           (res as { data?: { channels?: { entities?: VodChannel[] } } })?.data?.channels?.entities ??
           (res as { channels?: { entities?: VodChannel[] } })?.channels?.entities ?? [];
         const channels = entities.map(norm);
-        if (channels.length) return { ...s, status: "ready", channels, emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true};
-        return mockState(s, "empty");
-      } catch {
-        return mockState(s, "unavailable");
+        return { ...s, ...loaded("channels", channels, COPY) };
+      } catch (err) {
+        return { ...s, ...loadFailed("channels", err, COPY) };
       }
     },
   },

package/templates/branded-lite/tier5-src/himi-store-saved/index.ts

@@ -1,4 +1,5 @@
 import { defineService } from "@himalaya/state";
+import { withEmptyFlags } from "../_shared/empty-flags.js";
 import { readSavedProducts, removeSavedProduct, type SavedProduct } from "../_shared/himi-store-saved.js";
 import { stashCopy, copyParam } from "../_shared/himi-copy.js";
 
@@ -25,7 +26,7 @@ function failed(s: S): S {
 const svc = defineService<S, {
   load: (s: S, arg?: unknown) => S;
   remove: (s: S, arg?: unknown) => S;
-}>("himiStoreSaved", {
+}>("himiStoreSaved", withEmptyFlags({
   state: shape({ status: "loading", rows: [], error: "" }),
   actions: {
     load: (s, arg) => {
@@ -41,5 +42,5 @@ const svc = defineService<S, {
       } catch { return failed(s); }
     },
   },
-});
+}, { rows: "noRows" }));
 export { svc };

package/templates/branded-lite/tier5-src/wix-spaces-collections/index.ts

@@ -2,6 +2,7 @@
 // Prefer Catalog V3 Categories API (`queryStoreCategories`); V1 `queryCollections`
 // returns HTTP 428 on modern CATALOG_V3 sites (docs/wix-authentication.md).
 import { defineService } from "@himalaya/state";
+import { withEmptyFlags } from "../_shared/empty-flags.js";
 import {
   categoryCount,
   queryCollections,
@@ -71,7 +72,7 @@ async function loadCollections(): Promise<Loaded> {
   }
 }
 
-const svc = defineService<S, { load: (s: S) => Promise<S> }>("spacesCollections", {
+const svc = defineService<S, { load: (s: S) => Promise<S> }>("spacesCollections", withEmptyFlags({
   state: { status: "loading", collections: [], emptyText: "", error: "" },
   actions: {
     load: async () => {
@@ -93,6 +94,6 @@ const svc = defineService<S, { load: (s: S) => Promise<S> }>("spacesCollections"
       };
     },
   },
-});
+}, { collections: "noCollections" }));
 svc.load();
 export { svc };

package/templates/branded-lite/tier5-src/wix-spaces-forum/index.ts

@@ -1,6 +1,7 @@
 // Tier-5 bundle: Wix Spaces clone — Forum posts list (ON-DEVICE, site-scoped).
 // Emits a rich feed-card Row (F2) and supports client-side list search (D22).
 import { defineService } from "@himalaya/state";
+import { withEmptyFlags } from "../_shared/empty-flags.js";
 import { queryPosts, type WixPost } from "@himalaya/wix-forum";
 import { formatDateMedium } from "../_shared/engine-intl.js";
 
@@ -82,7 +83,7 @@ function filterRows(all: Row[], q: string): Row[] {
   return all.filter((r) => r.name.toLowerCase().includes(t) || (r.subtitle || "").toLowerCase().includes(t));
 }
 
-const svc = defineService<S, { load: (s: S) => Promise<S>; filter: (s: S, arg?: unknown) => S }>("spacesForum", {
+const svc = defineService<S, { load: (s: S) => Promise<S>; filter: (s: S, arg?: unknown) => S }>("spacesForum", withEmptyFlags({
   state: { status: "loading", all: [], posts: [], emptyText: "" },
   actions: {
     load: async (s) => {
@@ -98,6 +99,6 @@ const svc = defineService<S, { load: (s: S) => Promise<S>; filter: (s: S, arg?:
       return { ...s, posts: filtered, emptyText: filtered.length ? "" : "No results" };
     },
   },
-});
+}, { posts: "noPosts" }));
 svc.load();
 export { svc };

package/templates/branded-lite/tier5-src/wix-spaces-members/index.ts

@@ -1,11 +1,20 @@
 // Tier-5 bundle: Wix Spaces clone — Site Members list (ON-DEVICE, site-scoped).
 // Mirrors wix-owner-members. Binds rows via $service:spacesMembers.members.
 // Supports client-side list search (D22) via the filter action.
+//
+// Load states are explicit: `notLoading` gates a skeleton, `notErrored` an
+// error card with Retry, and `hideSearch` keeps the search field off a list that has
+// not loaded, failed, or has no members — a search box over nothing is not a state.
 import { defineService } from "@himalaya/state";
+import { withEmptyFlags } from "../_shared/empty-flags.js";
 import { queryMembers, type WixMember } from "@himalaya/wix-members";
 
 interface Row { id: string; name: string; subtitle: string; initial: string; photo: string }
-interface S { status: "loading" | "ready"; all: Row[]; members: Row[]; emptyText: string }
+interface S {
+  status: "loading" | "ready" | "error";
+  all: Row[]; members: Row[]; emptyText: string;
+  error: string; notErrored: boolean; notLoading: boolean; hideSearch: boolean;
+}
 
 function name(m: WixMember): string {
   const nick = m.profile?.nickname?.trim();
@@ -23,15 +32,19 @@ function filterRows(all: Row[], q: string): Row[] {
   return all.filter((r) => r.name.toLowerCase().includes(t) || (r.subtitle || "").toLowerCase().includes(t));
 }
 
-const svc = defineService<S, { load: (s: S) => Promise<S>; filter: (s: S, arg?: unknown) => S }>("spacesMembers", {
-  state: { status: "loading", all: [], members: [], emptyText: "" },
+const svc = defineService<S, { load: (s: S) => Promise<S>; filter: (s: S, arg?: unknown) => S }>("spacesMembers", withEmptyFlags({
+  state: { status: "loading", all: [], members: [], emptyText: "", error: "", notErrored: true, notLoading: false, hideSearch: true },
   actions: {
     load: async (s) => {
       try {
         const r = await queryMembers({ query: { paging: { limit: 50 } } });
         const all = (r.members ?? []).map(norm);
-        return { status: "ready", all, members: all, emptyText: all.length ? "" : "No members yet" };
-      } catch { return { ...s, status: "ready" }; }
+        return { status: "ready", all, members: all, emptyText: all.length ? "" : "No members yet",
+          error: "", notErrored: true, notLoading: true, hideSearch: all.length === 0 };
+      } catch {
+        return { ...s, status: "error", all: [], members: [], emptyText: "",
+          error: "Members couldn't be loaded.", notErrored: false, notLoading: true, hideSearch: true };
+      }
     },
     filter: (s, arg) => {
       const q = (typeof arg === "string" ? arg : (arg as { value?: string })?.value || "").trim().toLowerCase();
@@ -39,6 +52,6 @@ const svc = defineService<S, { load: (s: S) => Promise<S>; filter: (s: S, arg?:
       return { ...s, members: filtered, emptyText: filtered.length ? "" : "No results" };
     },
   },
-});
+}, { members: "noMembers" }));
 svc.load();
 export { svc };

package/templates/branded-lite/tier5-src/wix-spaces-my-subscriptions/index.ts

@@ -1,5 +1,6 @@
 // Tier-5 bundle: Wix Spaces clone — My Subscriptions / plan orders (site-scoped).
 import { defineService } from "@himalaya/state";
+import { withEmptyFlags } from "../_shared/empty-flags.js";
 import { dispatch } from "@himalaya/dispatch";
 import { listPlanOrders, type WixPlanOrder } from "@himalaya/wix-pricing-plans";
 
@@ -21,6 +22,10 @@ const EMPTY_MEMBER = "No subscriptions yet";
 const EMPTY_GUEST = "Sign in from Account to see subscriptions you’ve joined — we don’t invent sample memberships.";
 const EMPTY_FORBIDDEN = "No subscriptions for this member yet.";
 
+/** The signed-in member's email, or "" for anyone else. A visitor's identity is
+ *  `{ email: "" }` and a failed lookup proves nothing, so both read as "no member": the
+ *  plan-orders endpoint is not member-filtered, and calling it for a visitor would list
+ *  orders that are not theirs. Fail closed. */
 async function sessionEmail(): Promise<string> {
   try {
     const identity = await dispatch("himi.wix.memberIdentity") as unknown;
@@ -38,12 +43,16 @@ function looksForbidden(err: unknown): boolean {
   return /403|FORBIDDEN|permission|denied|UNAUTHORIZED|401/i.test(msg);
 }
 
-const svc = defineService<S, { load: (s: S) => Promise<S> }>("spacesMySubscriptions", {
+const svc = defineService<S, { load: (s: S) => Promise<S> }>("spacesMySubscriptions", withEmptyFlags({
   state: { status: "loading", orders: [], emptyText: "", hideAccountCta: false },
   actions: {
     load: async () => {
       const email = await sessionEmail();
       const hideAccountCta = Boolean(email);
+      // plan orders are a MEMBER's own. With no signed-in member there is no
+      // "my" to list, whatever the endpoint answers (a dev mock or a cached session can
+      // answer it): a visitor must never see a subscription as theirs.
+      if (!email) return { status: "ready", orders: [], emptyText: EMPTY_GUEST, hideAccountCta: false };
       try {
         const r = await listPlanOrders();
         const orders = (((r as unknown as { orders?: WixPlanOrder[] }).orders) ?? []).map(norm);
@@ -68,6 +77,6 @@ const svc = defineService<S, { load: (s: S) => Promise<S> }>("spacesMySubscripti
       }
     },
   },
-});
+}, { orders: "noOrders" }));
 svc.load();
 export { svc };

package/templates/branded-lite/tier5-src/wix-spaces-new-message/index.ts

@@ -1,6 +1,7 @@
 // Tier-5 bundle: Wix Spaces clone — New Message recipient picker (ON-DEVICE,
 // site-scoped). Lists site members to start a chat with; mirrors spacesMembers.
 import { defineService } from "@himalaya/state";
+import { withEmptyFlags } from "../_shared/empty-flags.js";
 import { queryMembers, type WixMember } from "@himalaya/wix-members";
 
 interface Row { id: string; name: string; subtitle: string; initial: string; photo: string }
@@ -13,7 +14,7 @@ function name(m: WixMember): string {
   return full || m.loginEmail?.trim() || "Member";
 }
 
-const svc = defineService<S, { load: (s: S) => Promise<S> }>("spacesNewMessage", {
+const svc = defineService<S, { load: (s: S) => Promise<S> }>("spacesNewMessage", withEmptyFlags({
   state: { status: "loading", members: [], emptyText: "" },
   actions: {
     load: async (s) => {
@@ -27,6 +28,6 @@ const svc = defineService<S, { load: (s: S) => Promise<S> }>("spacesNewMessage",
       } catch { return { ...s, status: "ready", emptyText: "No members to message" }; }
     },
   },
-});
+}, { members: "noMembers" }));
 svc.load();
 export { svc };

package/templates/branded-lite/tier5-src/wix-spaces-whats-new/index.ts

@@ -1,5 +1,6 @@
 // Tier-5 bundle: Wix Spaces clone — What's New (ON-DEVICE, account-level).
 import { defineService } from "@himalaya/state";
+import { withEmptyFlags } from "../_shared/empty-flags.js";
 import { listAnnouncements, type WixAnnouncement } from "@himalaya/wix-new-releases";
 
 interface Row { id: string; name: string; subtitle: string }
@@ -10,7 +11,7 @@ function norm(a: WixAnnouncement, i: number): Row {
   return { id: aa.id || `a${i}`, name: aa.title || "Announcement", subtitle: aa.description || aa.bodyText || "" };
 }
 
-const svc = defineService<S, { load: (s: S) => Promise<S> }>("spacesWhatsNew", {
+const svc = defineService<S, { load: (s: S) => Promise<S> }>("spacesWhatsNew", withEmptyFlags({
   state: { status: "loading", items: [], emptyText: "" },
   actions: {
     load: async (s) => {
@@ -21,6 +22,6 @@ const svc = defineService<S, { load: (s: S) => Promise<S> }>("spacesWhatsNew", {
       } catch { return { ...s, status: "ready", items: [], emptyText: "Nothing new right now" }; }
     },
   },
-});
+}, { items: "noItems" }));
 svc.load();
 export { svc };

package/templates/community-club/dev/index.ts

@@ -4566,7 +4566,8 @@ const SCREENS = runtimeSetting({
                 "props": {
                   "text": "$service:spacesDeleteAccount.message",
                   "style": "caption",
-                  "color": "textTertiary"
+                  "color": "textTertiary",
+                  "collapseWhenEmpty": true
                 }
               }
             },
@@ -4861,6 +4862,9 @@ const SCREENS = runtimeSetting({
                     }
                   ]
                 }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:spacesWhatsNew.noItems"
               }
             },
             {
@@ -6107,6 +6111,24 @@ const SCREENS = runtimeSetting({
                         "props": {
                           "spacing": 0,
                           "children": [
+                            {
+                              "id": "himi_events.list.collection.loading",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Skeleton",
+                                "props": {
+                                  "height": 72,
+                                  "cornerRadius": 12,
+                                  "count": 3
+                                }
+                              },
+                              "modifiers": {
+                                "hiddenPath": "$service:himiEvents.collection.noLoading",
+                                "padding": {
+                                  "bottom": 12
+                                }
+                              }
+                            },
                             {
                               "id": "",
                               "body": {
@@ -6368,6 +6390,52 @@ const SCREENS = runtimeSetting({
                                 }
                               }
                             },
+                            {
+                              "id": "himi_events.list.collection.empty-source",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "VStack",
+                                "props": {
+                                  "spacing": 8,
+                                  "alignment": "center",
+                                  "children": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Icon",
+                                        "props": {
+                                          "name": "inbox",
+                                          "size": 28,
+                                          "tint": "textTertiary"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityRole": "decorative"
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "$service:himiEvents.collection.emptySourceText",
+                                          "style": "body",
+                                          "color": "textSecondary"
+                                        }
+                                      }
+                                    }
+                                  ]
+                                }
+                              },
+                              "modifiers": {
+                                "hiddenPath": "$service:himiEvents.collection.noEmptySource",
+                                "padding": {
+                                  "bottom": 12
+                                }
+                              }
+                            },
                             {
                               "id": "",
                               "body": {
@@ -9411,6 +9479,24 @@ const SCREENS = runtimeSetting({
                         "props": {
                           "spacing": 0,
                           "children": [
+                            {
+                              "id": "himi_blog.list.collection.loading",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Skeleton",
+                                "props": {
+                                  "height": 72,
+                                  "cornerRadius": 12,
+                                  "count": 3
+                                }
+                              },
+                              "modifiers": {
+                                "hiddenPath": "$service:himiBlogFeed.collection.noLoading",
+                                "padding": {
+                                  "bottom": 12
+                                }
+                              }
+                            },
                             {
                               "id": "",
                               "body": {
@@ -9629,6 +9715,52 @@ const SCREENS = runtimeSetting({
                                 }
                               }
                             },
+                            {
+                              "id": "himi_blog.list.collection.empty-source",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "VStack",
+                                "props": {
+                                  "spacing": 8,
+                                  "alignment": "center",
+                                  "children": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Icon",
+                                        "props": {
+                                          "name": "inbox",
+                                          "size": 28,
+                                          "tint": "textTertiary"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityRole": "decorative"
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "$service:himiBlogFeed.collection.emptySourceText",
+                                          "style": "body",
+                                          "color": "textSecondary"
+                                        }
+                                      }
+                                    }
+                                  ]
+                                }
+                              },
+                              "modifiers": {
+                                "hiddenPath": "$service:himiBlogFeed.collection.noEmptySource",
+                                "padding": {
+                                  "bottom": 12
+                                }
+                              }
+                            },
                             {
                               "id": "",
                               "body": {
@@ -12434,6 +12566,24 @@ const SCREENS = runtimeSetting({
                 "props": {
                   "spacing": 0,
                   "children": [
+                    {
+                      "id": "himi_groups.rows.collection.loading",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Skeleton",
+                        "props": {
+                          "height": 72,
+                          "cornerRadius": 12,
+                          "count": 3
+                        }
+                      },
+                      "modifiers": {
+                        "hiddenPath": "$service:himiBrandedGroups.collection.noLoading",
+                        "padding": {
+                          "bottom": 12
+                        }
+                      }
+                    },
                     {
                       "id": "",
                       "body": {
@@ -12652,6 +12802,52 @@ const SCREENS = runtimeSetting({
                         }
                       }
                     },
+                    {
+                      "id": "himi_groups.rows.collection.empty-source",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "VStack",
+                        "props": {
+                          "spacing": 8,
+                          "alignment": "center",
+                          "children": [
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Icon",
+                                "props": {
+                                  "name": "inbox",
+                                  "size": 28,
+                                  "tint": "textTertiary"
+                                }
+                              },
+                              "modifiers": {
+                                "accessibilityRole": "decorative"
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "$service:himiBrandedGroups.collection.emptySourceText",
+                                  "style": "body",
+                                  "color": "textSecondary"
+                                }
+                              }
+                            }
+                          ]
+                        }
+                      },
+                      "modifiers": {
+                        "hiddenPath": "$service:himiBrandedGroups.collection.noEmptySource",
+                        "padding": {
+                          "bottom": 12
+                        }
+                      }
+                    },
                     {
                       "id": "",
                       "body": {
@@ -14775,6 +14971,24 @@ const SCREENS = runtimeSetting({
                 "props": {
                   "spacing": 0,
                   "children": [
+                    {
+                      "id": "himi_cms.rows.collection.loading",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Skeleton",
+                        "props": {
+                          "height": 72,
+                          "cornerRadius": 12,
+                          "count": 3
+                        }
+                      },
+                      "modifiers": {
+                        "hiddenPath": "$service:himiBrandedCms.collection.noLoading",
+                        "padding": {
+                          "bottom": 12
+                        }
+                      }
+                    },
                     {
                       "id": "",
                       "body": {
@@ -15007,7 +15221,7 @@ const SCREENS = runtimeSetting({
                                 "package": "himalaya",
                                 "type": "Text",
                                 "props": {
-                                  "text": "This collection could not load",
+                                  "text": "$service:himiBrandedCms.collection.errorTitle",
                                   "style": "bodyEmphasis"
                                 }
                               }
@@ -15041,6 +15255,27 @@ const SCREENS = runtimeSetting({
                               "modifiers": {
                                 "hiddenPath": "$service:himiBrandedCms.collection.noRetry"
                               }
+                            },
+                            {
+                              "id": "himi_cms.rows.collection.sign_in",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Button",
+                                "props": {
+                                  "title": "Sign in",
+                                  "style": "primary",
+                                  "leadingIcon": "person",
+                                  "action": {
+                                    "actionId": "himi.open",
+                                    "params": {
+                                      "screenId": "himi_account"
+                                    }
+                                  }
+                                }
+                              },
+                              "modifiers": {
+                                "hiddenPath": "$service:himiBrandedCms.collection.noSignIn"
+                              }
                             }
                           ]
                         }
@@ -15052,6 +15287,52 @@ const SCREENS = runtimeSetting({
                         }
                       }
                     },
+                    {
+                      "id": "himi_cms.rows.collection.empty-source",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "VStack",
+                        "props": {
+                          "spacing": 8,
+                          "alignment": "center",
+                          "children": [
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Icon",
+                                "props": {
+                                  "name": "inbox",
+                                  "size": 28,
+                                  "tint": "textTertiary"
+                                }
+                              },
+                              "modifiers": {
+                                "accessibilityRole": "decorative"
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "$service:himiBrandedCms.collection.emptySourceText",
+                                  "style": "body",
+                                  "color": "textSecondary"
+                                }
+                              }
+                            }
+                          ]
+                        }
+                      },
+                      "modifiers": {
+                        "hiddenPath": "$service:himiBrandedCms.collection.noEmptySource",
+                        "padding": {
+                          "bottom": 12
+                        }
+                      }
+                    },
                     {
                       "id": "",
                       "body": {