@wix/himalaya-cli 0.1598.0 → 0.1600.0

package/templates/branded-lite/dev/index.ts

@@ -107652,6 +107652,72 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                                   }
                                 }
                               }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "HStack",
+                                "props": {
+                                  "spacing": 8,
+                                  "children": [
+                                    {
+                                      "id": "himi_blog_post.report",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Button",
+                                        "props": {
+                                          "title": "Report",
+                                          "style": "secondary",
+                                          "fullWidth": true,
+                                          "action": {
+                                            "actionId": "tier5.himiBlogPost.report"
+                                          }
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "hiddenPath": "$service:himiBlogPost.reported"
+                                      }
+                                    },
+                                    {
+                                      "id": "himi_blog_post.hide",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Button",
+                                        "props": {
+                                          "title": "Hide post",
+                                          "style": "secondary",
+                                          "fullWidth": true,
+                                          "action": {
+                                            "actionId": "tier5.himiBlogPost.openHide"
+                                          }
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "hiddenPath": "$service:himiBlogPost.hidden"
+                                      }
+                                    },
+                                    {
+                                      "id": "himi_blog_post.unhide",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Button",
+                                        "props": {
+                                          "title": "Undo hide",
+                                          "style": "secondary",
+                                          "fullWidth": true,
+                                          "action": {
+                                            "actionId": "tier5.himiBlogPost.unhide"
+                                          }
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "hiddenPath": "$service:himiBlogPost.notHidden"
+                                      }
+                                    }
+                                  ]
+                                }
+                              }
                             }
                           ]
                         }
@@ -107910,6 +107976,122 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                 "hiddenPath": "$service:himiBlogPost.noPost"
               }
             },
+            {
+              "id": "himi_blog_post.hide_sheet",
+              "body": {
+                "package": "himalaya",
+                "type": "BottomSheet",
+                "props": {
+                  "presentedPath": "$service:himiBlogPost.hideSheetOpen",
+                  "dismissible": true,
+                  "showGrabber": true,
+                  "onDismiss": {
+                    "actionId": "tier5.himiBlogPost.closeHide"
+                  },
+                  "content": {
+                    "id": "",
+                    "body": {
+                      "package": "himalaya",
+                      "type": "VStack",
+                      "props": {
+                        "spacing": 12,
+                        "alignment": "leading",
+                        "children": [
+                          {
+                            "id": "",
+                            "body": {
+                              "package": "himalaya",
+                              "type": "Text",
+                              "props": {
+                                "text": "Why are you hiding this post?",
+                                "style": "title3"
+                              }
+                            }
+                          },
+                          {
+                            "id": "himi_blog_post.hide_offensive",
+                            "body": {
+                              "package": "himalaya",
+                              "type": "Button",
+                              "props": {
+                                "title": "It is offensive",
+                                "style": "secondary",
+                                "fullWidth": true,
+                                "action": {
+                                  "actionId": "tier5.himiBlogPost.hide",
+                                  "params": {
+                                    "reason": "offensive"
+                                  }
+                                }
+                              }
+                            }
+                          },
+                          {
+                            "id": "himi_blog_post.hide_misleading",
+                            "body": {
+                              "package": "himalaya",
+                              "type": "Button",
+                              "props": {
+                                "title": "It is misleading",
+                                "style": "secondary",
+                                "fullWidth": true,
+                                "action": {
+                                  "actionId": "tier5.himiBlogPost.hide",
+                                  "params": {
+                                    "reason": "misleading"
+                                  }
+                                }
+                              }
+                            }
+                          },
+                          {
+                            "id": "himi_blog_post.hide_other",
+                            "body": {
+                              "package": "himalaya",
+                              "type": "Button",
+                              "props": {
+                                "title": "Something else",
+                                "style": "secondary",
+                                "fullWidth": true,
+                                "action": {
+                                  "actionId": "tier5.himiBlogPost.hide",
+                                  "params": {
+                                    "reason": "other"
+                                  }
+                                }
+                              }
+                            }
+                          },
+                          {
+                            "id": "himi_blog_post.hide_cancel",
+                            "body": {
+                              "package": "himalaya",
+                              "type": "Button",
+                              "props": {
+                                "title": "Cancel",
+                                "style": "secondary",
+                                "fullWidth": true,
+                                "action": {
+                                  "actionId": "tier5.himiBlogPost.closeHide"
+                                }
+                              }
+                            }
+                          }
+                        ]
+                      }
+                    },
+                    "modifiers": {
+                      "padding": {
+                        "leading": 20,
+                        "trailing": 20,
+                        "top": 16,
+                        "bottom": 24
+                      }
+                    }
+                  }
+                }
+              }
+            },
             {
               "id": "",
               "body": {

package/templates/branded-lite/l10n/en.json

@@ -1,6 +1,6 @@
 {
   "$source": "en",
-  "$generated": "2026-11-06T04:07:12.242Z",
+  "$generated": "2026-11-07T14:00:37.597Z",
   "messages": {
     "h_042c862e4467": {
       "source": "Try again",
@@ -8,6 +8,7 @@
       "occurrences": [
         "himi_branded_home#payload.body.props.children[0].body.props.children[1].body.props.title",
         "himi_account_settings#payload.body.props.children[3].body.props.children[1].body.props.title",
+        "himi_notif_settings#payload.body.props.children[7].body.props.children[1].body.props.title",
         "himi_shop#payload.body.props.children[6].body.props.children[3].body.props.title",
         "himi_saved_products#payload.body.props.children[3].body.props.children[2].body.props.title",
         "himi_collections#payload.body.props.children[4].body.props.ctaLabel",
@@ -26,22 +27,23 @@
         "himi_member_programs#payload.body.props.children[5].body.props.children[2].body.props.title",
         "himi_plans#payload.body.props.children[4].body.props.children[2].body.props.title",
         "himi_feed#payload.body.props.children[8].body.props.children[2].body.props.title",
-        "himi_members#payload.body.props.children[4].body.props.children[1].body.props.title",
+        "himi_members#payload.body.props.children[5].body.props.children[1].body.props.title",
         "himi_coupons#payload.body.props.children[4].body.props.children[8].body.props.children[2].body.props.title",
         "himi_notifications#payload.body.props.children[6].body.props.children[8].body.props.children[2].body.props.title",
-        "himi_loyalty#payload.body.props.children[4].body.props.children[8].body.props.children[2].body.props.title",
+        "himi_loyalty#payload.body.props.children[5].body.props.children[1].body.props.title",
         "himi_reviews#payload.body.props.children[4].body.props.children[8].body.props.children[2].body.props.title",
         "himi_portfolio#payload.body.props.children[2].body.props.children[8].body.props.children[2].body.props.title",
         "himi_portfolio_project#payload.body.props.children[1].body.props.children[1].body.props.title",
         "himi_reservations#payload.body.props.children[6].body.props.children[1].body.props.title",
         "himi_invoices#payload.body.props.children[4].body.props.children[8].body.props.children[2].body.props.title",
         "himi_badges#payload.body.props.children[4].body.props.children[8].body.props.children[2].body.props.title",
-        "himi_notif_settings#payload.body.props.children[7].body.props.children[1].body.props.title",
         "himi_events#payload.body.props.children[2].body.props.children[2].body.props.title",
         "himi_my_events#payload.body.props.children[1].body.props.children[2].body.props.title",
         "himi_blog#payload.body.props.children[2].body.props.children[2].body.props.title",
         "himi_saved#payload.body.props.children[1].body.props.children[2].body.props.title",
-        "himi_groups#payload.body.props.children[4].body.props.children[2].body.props.title",
+        "himi_groups#payload.body.props.children[5].body.props.children[2].body.props.title",
+        "himi_group_about#payload.body.props.children[2].body.props.children[1].body.props.title",
+        "himi_my_groups#payload.body.props.children[2].body.props.children[2].body.props.title",
         "himi_faq#payload.body.props.children[6].body.props.children[2].body.props.title",
         "himi_steps#payload.body.props.children[4].body.props.children[2].body.props.title",
         "himi_cms#payload.body.props.children[3].body.props.children[7].body.props.children[2].body.props.title",
@@ -397,6 +399,7 @@
       "kind": "Button.title",
       "occurrences": [
         "himi_account_settings#payload.body.props.children[3].body.props.children[2].body.props.title",
+        "himi_notif_settings#payload.body.props.children[7].body.props.children[2].body.props.title",
         "himi_view_profile#payload.body.props.children[2].body.props.children[3].body.props.title",
         "himi_orders#payload.body.props.children[11].body.props.children[3].body.props.title",
         "himi_addresses#payload.body.props.children[8].body.props.children[3].body.props.title",
@@ -409,16 +412,16 @@
         "himi_chat_thread#payload.body.props.children[3].body.props.title",
         "himi_coupons#payload.body.props.children[4].body.props.children[8].body.props.children[3].body.props.title",
         "himi_notifications#payload.body.props.children[6].body.props.children[8].body.props.children[3].body.props.title",
-        "himi_loyalty#payload.body.props.children[4].body.props.children[8].body.props.children[3].body.props.title",
+        "himi_loyalty#payload.body.props.children[7].body.props.children[1].body.props.children[3].body.props.title",
         "himi_reviews#payload.body.props.children[4].body.props.children[8].body.props.children[3].body.props.title",
         "himi_portfolio#payload.body.props.children[2].body.props.children[8].body.props.children[3].body.props.title",
         "himi_reservations#payload.body.props.children[6].body.props.children[2].body.props.title",
         "himi_invoices#payload.body.props.children[4].body.props.children[8].body.props.children[3].body.props.title",
         "himi_badges#payload.body.props.children[4].body.props.children[8].body.props.children[3].body.props.title",
-        "himi_notif_settings#payload.body.props.children[7].body.props.children[2].body.props.title",
         "himi_create_post#payload.body.props.children[1].body.props.children[3].body.props.title",
         "himi_forum_post#payload.body.props.children[3].body.props.title",
         "himi_my_events#payload.body.props.children[1].body.props.children[3].body.props.title",
+        "himi_my_groups#payload.body.props.children[6].body.props.children[3].body.props.title",
         "himi_cms#payload.body.props.children[3].body.props.children[7].body.props.children[3].body.props.title",
         "himi_donations#payload.body.props.children[4].body.props.children[8].body.props.children[3].body.props.title",
         "himi_gift_cards#payload.body.props.children[4].body.props.children[8].body.props.children[3].body.props.title",

package/templates/branded-lite/tier5-src/_shared/header-badges.ts

@@ -0,0 +1,113 @@
+// The header badge counts (bell, chat, cart) as one service piece, shared by the app-level nav workers that
+// bind them: `himi-branded-lite-nav` (the full nav worker of the Branded Lite app) and `himi-branded-lite-header-badges`
+// (the badges-only worker a scaffold ships). Both name their service `brandedLiteNav`, so a top-bar action binds the
+// same `$service:brandedLiteNav.<field>` path in either.
+//
+// `null` is unavailable and never a zero (see source-badges.ts). The counts refresh at launch, whenever the
+// signed-in identity changes (the native host session clock, or the reserved `onIdentityChange` hook a web host
+// delivers), on every foreground (`onForeground`), and whenever the worker is asked to. A read that finishes after
+// the identity changed, or after a newer read began, is dropped.
+import { hostSessionFromGlobal } from "@himalaya/iap";
+import { readSourceBadges } from "./source-badges.js";
+
+export interface HeaderBadgeState {
+  notificationsBadge: number | null;
+  chatBadge: number | null;
+  cartBadge: number | null;
+  /** Which counts the last refresh tried and failed to read ("" when it read every count it could). A count that is
+   *  unavailable by design (a Visitor's bell and chat, offline) is not an error. Diagnostic: it says why a badge is
+   *  missing, so a migration can be checked. */
+  errorText: string;
+}
+export const HEADER_BADGES_INITIAL: HeaderBadgeState = { notificationsBadge: null, chatBadge: null, cartBadge: null, errorText: "" };
+
+/** The counts describe THIS run: a snapshot from the last one (the web store persists an app worker's state per
+ *  account) would show another day's numbers until the first read lands. Declare them `notPersisted` and
+ *  `notHydrated` on the service. */
+export const HEADER_BADGE_KEYS: ("notificationsBadge" | "chatBadge" | "cartBadge" | "errorText")[] = ["notificationsBadge", "chatBadge", "cartBadge", "errorText"];
+
+/** The action signatures a service that uses `headerBadges` declares in its `defineService` generic. */
+// A `type`, not an `interface`: `defineService` constrains its actions to `Record<string, fn>`, which only a type
+// alias satisfies (an interface has no implicit index signature).
+export type HeaderBadgeActionSignatures<S> = {
+  /** Re-read the header badge counts. Only the newest read lands. */
+  refreshBadges: (s: S) => Promise<S>;
+  /** Drop every badge count (a new identity), committed at once so no stale number waits on a network read. */
+  dropBadges: (s: S) => Promise<S>;
+  /** Reserved lifecycle hooks the app-service host delivers to every service that declares them. */
+  onForeground: (s: S) => Promise<S>;
+  onIdentityChange: (s: S) => Promise<S>;
+};
+
+/** What `headerBadges` hands a worker. Named (not inferred) so a worker can annotate its `badges`, which breaks the
+ *  loop between that value and the service handle it is built from. */
+export interface HeaderBadges<S> {
+  actions: HeaderBadgeActionSignatures<S>;
+  /** Call once after `defineService`: the launch read, and the session clock's notifications. */
+  start(): void;
+  /** Re-read after something that may have changed a count (a notification receipt). */
+  refresh(): void;
+}
+
+type Update<S> = (s: S, change: (current: S) => Promise<S>) => Promise<S>;
+type Self = () => { refreshBadges(): Promise<unknown>; dropBadges(): Promise<unknown> };
+
+/**
+ * @param update serializes state changes for the worker, so overlapping actions build on the preceding result
+ * @param self the worker's own service handle (read lazily: it does not exist yet when this is called)
+ */
+export function headerBadges<S extends HeaderBadgeState>(update: Update<S>, self: Self): HeaderBadges<S> {
+  /** Which read is the newest: an older one that finishes later must not overwrite a newer answer. */
+  let read = 0;
+  /** The host session generation the badges on show were read under. */
+  let generation = -1;
+  /** The clock the native runtime publishes for the signed-in identity: it names the site the bridge is bound to
+   *  and notifies on every sign-in, sign-out and member switch. A host without one (web, older binaries) reads a
+   *  signed-out stub that never notifies. */
+  const session = hostSessionFromGlobal();
+  const cleared = (current: S): S => ({ ...current, ...HEADER_BADGES_INITIAL });
+
+  const actions: HeaderBadgeActionSignatures<S> = {
+    refreshBadges: async (s) => {
+      const mine = ++read;
+      const badges = await readSourceBadges(session.site());
+      return update(s, async (current) => mine === read
+        ? { ...current, notificationsBadge: badges.notifications, chatBadge: badges.chat, cartBadge: badges.cart, errorText: badges.failed.length ? `could not read: ${badges.failed.join(", ")}` : "" }
+        : current);
+    },
+    dropBadges: async (s) => {
+      ++read; // a read already in flight belongs to the previous identity
+      return update(s, async (current) => cleared(current));
+    },
+    onForeground: async (s) => update(s, async (current) => current).finally(() => { void self().refreshBadges(); }),
+    onIdentityChange: async (s) => {
+      ++read;
+      const dropped = await update(s, async (current) => cleared(current));
+      void self().refreshBadges();
+      return dropped;
+    },
+  };
+
+  /** A session notification: a new generation is a new identity, so the previous one's numbers go first. */
+  async function onSession(): Promise<void> {
+    const now = session.current().generation;
+    if (now !== generation) {
+      generation = now;
+      await self().dropBadges();
+    }
+    await self().refreshBadges();
+  }
+
+  return {
+    actions,
+    /** Call once after `defineService`: the launch read, and the session clock's notifications. */
+    start(): void {
+      // Subscribing notifies at once, which is the launch read; a host with no clock needs the explicit one.
+      let notified = false;
+      session.subscribe(() => { notified = true; void onSession(); });
+      if (!notified) void self().refreshBadges();
+    },
+    /** Re-read after something that may have changed a count (a notification receipt). */
+    refresh(): void { void self().refreshBadges(); },
+  };
+}

package/templates/branded-lite/tier5-src/_shared/himi-blog-hidden.ts

@@ -0,0 +1,66 @@
+// The posts this device's reader chose to hide, as the One App blog does: a client-side list of post ids that the
+// blog feed, the Home cards and Saved leave out. Nothing is sent to the site, and another device or account does not
+// share it. It is the saved-posts store's twin (see himi-blog-saved.ts) and reads storage the same way: native workers
+// have only the sync `himalaya.storage` KV, a browser has `localStorage`, and each screen runs its own worker, so
+// the durable arm is what lets a Hide on the post screen reach the feed's worker.
+const KEY = "himi-blog:hidden-posts:v1";
+
+type StorageLike = {
+  getItem: (key: string) => string | null;
+  setItem: (key: string, value: string) => void;
+};
+
+type HiddenHost = typeof globalThis & {
+  himalaya?: { storage?: StorageLike };
+  localStorage?: StorageLike;
+  __himiBlogHiddenIds?: string[];
+};
+
+const host = globalThis as HiddenHost;
+
+function storage(): StorageLike | undefined {
+  return host.himalaya?.storage ?? host.localStorage;
+}
+
+const unique = (ids: string[]): string[] => Array.from(new Set(ids.map((id) => id.trim()).filter(Boolean)));
+
+export function readHiddenIds(): string[] {
+  try {
+    const raw = storage()?.getItem(KEY);
+    if (raw) {
+      const parsed = JSON.parse(raw);
+      if (Array.isArray(parsed)) return unique(parsed.filter((id): id is string => typeof id === "string"));
+    }
+  } catch {
+    // Unreadable storage: fall back to what this worker context holds in memory.
+  }
+  return unique(host.__himiBlogHiddenIds ?? []);
+}
+
+function writeHiddenIds(ids: string[]): void {
+  const next = unique(ids);
+  host.__himiBlogHiddenIds = next;
+  try {
+    storage()?.setItem(KEY, JSON.stringify(next));
+  } catch {
+    // Storage-less hosts keep the in-memory arm only.
+  }
+}
+
+export function isHiddenId(id: string): boolean {
+  return readHiddenIds().includes(id);
+}
+
+export function hideId(id: string): void {
+  writeHiddenIds([id, ...readHiddenIds()]);
+}
+
+export function unhideId(id: string): void {
+  writeHiddenIds(readHiddenIds().filter((hiddenId) => hiddenId !== id));
+}
+
+/** The items a list may show: every one whose `id` this device has not hidden. */
+export function withoutHidden<T extends { id?: string | null }>(items: T[]): T[] {
+  const hidden = new Set(readHiddenIds());
+  return hidden.size ? items.filter((item) => !item.id || !hidden.has(item.id)) : items;
+}

package/templates/branded-lite/tier5-src/_shared/source-badges.ts

@@ -0,0 +1,70 @@
+// The live counts behind the header buttons of a migrated One App (notifications, chat, cart), read for the
+// app-level nav worker. `null` is "unavailable" and never a zero: a failed, offline or stale read leaves the
+// badge off instead of claiming an empty inbox or cart. The shell shows no badge for null or 0 alike, so the
+// two differ only in what the worker may later believe about the source.
+import { getCurrentCart } from "@himalaya/wix-ecom";
+import { countUnseenNotifications } from "@himalaya/wix-members-feed-viewer";
+import { connectivity } from "@himalaya/state";
+import { chatIdentity, unreadRoomCount } from "./business-chat-transport.js";
+import { memberAccess } from "./member-access.js";
+
+export type SourceBadgeKey = "notifications" | "chat" | "cart";
+export interface SourceBadges {
+  notifications: number | null;
+  chat: number | null;
+  cart: number | null;
+  /** The counts a read was attempted for and failed: not the ones unavailable by design (a Visitor's bell and chat,
+   *  offline), and not one dropped because the identity changed mid-read. */
+  failed: SourceBadgeKey[];
+}
+export const NO_SOURCE_BADGES: SourceBadges = { notifications: null, chat: null, cart: null, failed: [] };
+
+/** The same item count the Shop and Account badges show: every line's quantity, a missing one counting as 1. */
+async function cartItemCount(): Promise<number> {
+  const cart = await getCurrentCart();
+  return (cart.lineItems ?? []).reduce((total, line) => total + (line.quantity ?? 1), 0);
+}
+
+/** Whether the shopper is still the one the read started for. A cart belongs to a Visitor as much as to a
+ *  Member, so this compares what `memberAccess` reports rather than requiring a signed-in member. */
+async function sameShopper(started: { email: string; scope: string }): Promise<boolean> {
+  const now = await memberAccess();
+  return now.email === started.email && now.scope === started.scope;
+}
+
+async function unavailable<T>(read: () => Promise<T>): Promise<T | null> {
+  try { return await read(); } catch { return null; }
+}
+
+/** A read dropped because the shopper changed while it ran: expected, not a failure to report. */
+const SHOPPER_CHANGED = new Error("shopper changed");
+
+/** One refresh. Notifications and chat are a Member's: a Visitor has neither inbox, so both read null without
+ *  a request. Notifications also need `site`, the site the native bridge is bound to (the host session's own,
+ *  never a caller's choice); without one that counter stays unavailable. Cart is the current shopper's.
+ *  Offline reads nothing. A count that finishes after the signed-in identity changed is dropped, so one
+ *  member's number never lands on the next member's header. */
+export async function readSourceBadges(site: string | null): Promise<SourceBadges> {
+  // Whatever goes wrong, the answer is "unavailable": this runs fire-and-forget at launch.
+  const read = unavailable(async (): Promise<SourceBadges> => {
+    if (!connectivity().online) return NO_SOURCE_BADGES;
+    const identity = await chatIdentity();
+    const member = identity.authenticated;
+    const stillHere = async <T>(count: Promise<T>): Promise<T> => {
+      const value = await count;
+      if (!(await sameShopper(identity))) throw SHOPPER_CHANGED;
+      return value;
+    };
+    const failed: SourceBadgeKey[] = [];
+    const attempt = async <T>(key: SourceBadgeKey, run: () => Promise<T>): Promise<T | null> => {
+      try { return await run(); } catch (error) { if (error !== SHOPPER_CHANGED) failed.push(key); return null; }
+    };
+    const [notifications, chat, cart] = await Promise.all([
+      member && site ? attempt("notifications", () => stillHere(countUnseenNotifications({ site }))) : null,
+      member ? attempt("chat", () => unreadRoomCount(identity)) : null,
+      attempt("cart", () => stillHere(cartItemCount())),
+    ]);
+    return { notifications, chat, cart, failed };
+  });
+  return (await read) ?? NO_SOURCE_BADGES;
+}

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

@@ -4,6 +4,7 @@ import { queryCategories, queryPosts, type WixPost } from "@himalaya/wix-blog";
 import { stashCopy, copyParam } from "../_shared/himi-copy.js";
 import { getAll, upsert, type DbEntity } from "@himalaya/local-db";
 import { formatDateMedium } from "../_shared/engine-intl.js";
+import { withoutHidden } from "../_shared/himi-blog-hidden.js";
 
 const PAGE_SIZE = 20;
 
@@ -137,7 +138,8 @@ function normalize(post: WixPost, categoryMap: Map<string, string>): PostRow {
 
 function applyFilters(s: S): S {
   const needle = s.query.trim().toLowerCase();
-  const posts = s.allPosts.filter((post) => {
+  // Posts this device's reader hid (on the post screen) never show, whatever the cache or the live page holds.
+  const posts = withoutHidden(s.allPosts).filter((post) => {
     const categoryOk = !s.selectedCategoryId || post.categoryId === s.selectedCategoryId;
     const queryOk =
       !needle ||

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

@@ -5,6 +5,7 @@ import { getPost, likePost, unlikePost, type WixPost, type WixPostWithContent }
 import { comments, BLOG_COMMENTS_APP_ID, blogCommentRow, listBlogComments, type WixBlogCommentRow } from "@himalaya/wix-comments";
 import { get, type DbEntity } from "@himalaya/local-db";
 import { isSavedId, toggleSavedId } from "../_shared/himi-blog-saved";
+import { hideId, isHiddenId, unhideId } from "../_shared/himi-blog-hidden";
 import { stashCopy, copyParam, copyTemplate } from "../_shared/himi-copy.js";
 import { formatDateMedium, formatMonthDay } from "../_shared/engine-intl.js";
 import { openRichLink } from "../_shared/rich-content-link.js";
@@ -64,6 +65,14 @@ interface S {
   notLiked: boolean;
   saved: boolean;
   notSaved: boolean;
+  /** This device's reader hid the post: the feed, Home and Saved leave it out, and this screen offers Undo. */
+  hidden: boolean;
+  notHidden: boolean;
+  /** The reason sheet (offensive / misleading / other) is open. */
+  hideSheetOpen: boolean;
+  /** The reader reported the post this visit; the report button then says so and stops sending. */
+  reported: boolean;
+  notReported: boolean;
   commentDraft: string;
   comments: CommentRow[];
   commentsUnavailable: boolean;
@@ -212,6 +221,8 @@ function derive(s: S): S {
     hasBodyJson: s.bodyJson !== "",
     notLiked: !s.liked,
     notSaved: !s.saved,
+    notHidden: !s.hidden,
+    notReported: !s.reported,
     commentsAvailable: !s.commentsUnavailable,
   };
 }
@@ -238,6 +249,11 @@ const baseState: S = derive({
   notLiked: true,
   saved: false,
   notSaved: true,
+  hidden: false,
+  notHidden: true,
+  hideSheetOpen: false,
+  reported: false,
+  notReported: true,
   commentDraft: "",
   comments: [],
   commentsUnavailable: false,
@@ -278,6 +294,7 @@ async function cachedPostState(s: S, id: string): Promise<S> {
     initial: String(cached.initial ?? "") || (title[0] || "#").toUpperCase(),
     liked: false,
     saved: isSavedId(id),
+    hidden: isHiddenId(id),
     comments: [],
     commentsUnavailable: true,
     commentStatusText: copyParam("blogPost.commentsUnavailable", "Comments are unavailable right now."),
@@ -331,6 +348,7 @@ async function loadPostState(s: S): Promise<S | undefined> {
       initial: (title[0] || "#").toUpperCase(),
       liked: Boolean(post.memberInteraction?.liked),
       saved: isSavedId(id),
+      hidden: isHiddenId(id),
       comments,
       commentsUnavailable,
       commentStatusText: commentsUnavailable
@@ -359,6 +377,14 @@ const svc = defineService<S, {
   like: (s: S) => Promise<S>;
   unlike: (s: S) => Promise<S>;
   toggleSave: (s: S) => S;
+  /** Report the post: no site API takes a member's report, so the reader is thanked and the tap is the signal. */
+  report: (s: S) => S;
+  openHide: (s: S) => S;
+  closeHide: (s: S) => S;
+  /** Hide the post on this device. The sheet's three reasons (offensive, misleading, other) are asked for as the One
+   *  App asks them, but the list keeps only the id and the site is told nothing, so the worker does not read the reason. */
+  hide: (s: S) => S;
+  unhide: (s: S) => S;
   share: (s: S) => Promise<S>;
   setComment: (s: S, arg?: unknown) => S;
   submitComment: (s: S) => Promise<S>;
@@ -397,6 +423,22 @@ const svc = defineService<S, {
       const saved = toggleSavedId(s.id);
       return derive({ ...s, saved, actionMessage: saved ? copyParam("blogPost.savedMessage", "Saved for later") : copyParam("blogPost.unsavedMessage", "Removed from saved") });
     },
+    report: (s) => {
+      if (!s.id || s.reported) return s;
+      return derive({ ...s, reported: true, actionMessage: copyParam("blogPost.reportedMessage", "Post reported") });
+    },
+    openHide: (s) => s.id ? derive({ ...s, hideSheetOpen: true }) : s,
+    closeHide: (s) => derive({ ...s, hideSheetOpen: false }),
+    hide: (s) => {
+      if (!s.id) return s;
+      hideId(s.id);
+      return derive({ ...s, hidden: true, hideSheetOpen: false, actionMessage: copyParam("blogPost.hiddenMessage", "Post hidden. It will not show in your feeds.") });
+    },
+    unhide: (s) => {
+      if (!s.id) return s;
+      unhideId(s.id);
+      return derive({ ...s, hidden: false, actionMessage: copyParam("blogPost.unhiddenMessage", "Post is visible again") });
+    },
     share: async (s) => {
       if (!s.title) return s;
       try {

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

@@ -3,6 +3,7 @@ import { defineService } from "@himalaya/state";
 import { getPost, type WixPost } from "@himalaya/wix-blog";
 import { get, type DbEntity } from "@himalaya/local-db";
 import { readSavedIds, writeSavedIds } from "../_shared/himi-blog-saved";
+import { readHiddenIds } from "../_shared/himi-blog-hidden";
 import { stashCopy, copyParam } from "../_shared/himi-copy.js";
 import { formatDateMedium } from "../_shared/engine-intl.js";
 
@@ -144,7 +145,9 @@ const baseState: S = derive({
 });
 
 async function loadSavedState(s: S): Promise<S> {
-  const ids = readSavedIds();
+  // A saved post this device's reader also hid stays in the saved list (Undo brings it back) but is not shown.
+  const hidden = new Set(readHiddenIds());
+  const ids = readSavedIds().filter((id) => !hidden.has(id));
   if (!ids.length) {
     return derive({ ...s, status: "ready", posts: [], emptyText: copyParam("saved.emptyText", "No saved posts yet.") });
   }