@withpotter/components 0.13.0-next.101

package/dist/sidebar/use-nav-notifications.js

@@ -0,0 +1,110 @@
+"use client";
+import { useEffect, useMemo, useRef } from "react";
+import { usePathname } from "@withpotter/lib/use-pathname";
+import { useQueryClient } from "@tanstack/react-query";
+import { useApiQuery } from "@withpotter/hooks/use-api-query";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { useDemoMode } from "@withpotter/hooks/use-demo-mode";
+import { merchantNotificationsApi } from "@withpotter/lib/api/merchant-notifications";
+import { useIntentConfig } from "@withpotter/lib/intents/use-intent-config";
+import { INBOX_HREF } from "./inbox-row";
+const BY_TYPE = {
+  /* `inventory`, not `catalog`. The Inventory hub is SYNTHESISED in
+     `sidebar.tsx` with that id and the catalogue's href on the hub itself, so
+     the row a merchant sees has no `catalog` id to hang a count on. */
+  "merchant.low_stock": "inventory",
+  /* `inbox`, the id of the Inbox row (`inbox-row.ts`). This said `inquiries`,
+     which is an archetype's id for a row that exists only for `capture-leads`
+     and is now dropped in favour of the Inbox: every other business's new
+     enquiry badged a row that was not on its rail, so the count went nowhere. */
+  "merchant.new_inquiry": "inbox",
+  "merchant.new_order": "orders",
+  "booking.new_alert": "orders"
+};
+function useNavNotifications() {
+  const demo = useDemoMode();
+  const pathname = usePathname();
+  const { tenant } = useAuth();
+  const queryClient = useQueryClient();
+  const intentConfig = useIntentConfig();
+  const rows = useMemo(() => {
+    const seen = /* @__PURE__ */ new Map([[INBOX_HREF, "inbox"]]);
+    for (const config of intentConfig.all) {
+      for (const group of config.navigation.groups) {
+        for (const item of group.items) {
+          const href = (item.href ?? "").split("?")[0];
+          if (href && !seen.has(href)) seen.set(href, item.id);
+        }
+      }
+    }
+    return [...seen.entries()].sort((a, b) => b[0].length - a[0].length);
+  }, [intentConfig]);
+  const { data } = useApiQuery(
+    ["merchant-notifications"],
+    // 50, not 8. The bell showed a page; this counts a whole rail, and a
+    // section whose notifications all fell off the end of a short page would
+    // silently wear no badge.
+    (slug) => merchantNotificationsApi.list(slug, { limit: 50 }),
+    { enabled: !demo, live: true }
+  );
+  const unread = useMemo(
+    () => (data?.notifications ?? []).filter((n) => !n.readAt),
+    [data]
+  );
+  const counts = useMemo(() => {
+    const out = {};
+    for (const n of unread) {
+      const byLink = n.link ? rows.find(([href]) => n.link.startsWith(href))?.[1] : void 0;
+      const id = byLink ?? BY_TYPE[n.type];
+      if (!id) continue;
+      out[id] = (out[id] ?? 0) + 1;
+    }
+    return out;
+  }, [unread, rows]);
+  const sent = useRef(/* @__PURE__ */ new Set());
+  useEffect(() => {
+    const slug = tenant?.slug;
+    if (!slug || !pathname) return;
+    const here = unread.filter(
+      (n) => n.link && pathname.startsWith(n.link.split("?")[0])
+    );
+    const fresh = here.filter((n) => !sent.current.has(n.id));
+    if (fresh.length === 0) return;
+    const ids = fresh.map((n) => n.id);
+    const read = async () => {
+      ids.forEach((id) => sent.current.add(id));
+      try {
+        for (let i = 0; i < ids.length; i += 200) {
+          await merchantNotificationsApi.markManyRead(
+            slug,
+            ids.slice(i, i + 200)
+          );
+        }
+      } catch (err) {
+        const status = err.status;
+        if (status !== 404) return;
+        await Promise.all(
+          ids.map(
+            (id) => merchantNotificationsApi.markRead(slug, id).catch(() => null)
+          )
+        );
+      }
+    };
+    const run = () => {
+      void read().then(
+        () => queryClient.invalidateQueries({ queryKey: ["merchant-notifications"] })
+      );
+    };
+    const idle = typeof window.requestIdleCallback === "function";
+    const handle = idle ? window.requestIdleCallback(run, { timeout: 4e3 }) : window.setTimeout(run, 1200);
+    return () => {
+      if (idle) window.cancelIdleCallback(handle);
+      else window.clearTimeout(handle);
+    };
+  }, [pathname, unread, tenant?.slug, queryClient]);
+  return counts;
+}
+export {
+  useNavNotifications
+};
+//# sourceMappingURL=use-nav-notifications.js.map

package/dist/sidebar/use-nav-notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sidebar/use-nav-notifications.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo, useRef } from 'react';\nimport { usePathname } from '@withpotter/lib/use-pathname';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { useApiQuery } from '@withpotter/hooks/use-api-query';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { useDemoMode } from '@withpotter/hooks/use-demo-mode';\nimport { merchantNotificationsApi } from '@withpotter/lib/api/merchant-notifications';\nimport type { MerchantNotificationList } from '@withpotter/lib/api/types';\nimport { useIntentConfig } from '@withpotter/lib/intents/use-intent-config';\nimport { INBOX_HREF } from './inbox-row';\n\n/**\n * NOTIFICATIONS, ON THE ROW THEY ARE ABOUT.\n *\n * John, 2026-09-03: *\"the navs should have their own notifications, we don't\n * need a centre notification icon.\"*\n *\n * The bell was one pile for everything that had happened, sorted by time,\n * which is the shape a mail client has and the wrong shape for a business. A\n * merchant does not want to know \"seven things happened\"; they want to know\n * that the thing that happened is in ORDERS. A count on the row is that answer\n * and it is also the navigation, so reading it and acting on it are the same\n * gesture — where the bell made you open a panel, read a line, and then go to\n * the place the line was about.\n *\n * Shopify's rail does exactly this: `Orders 1`, and no bell anywhere in the\n * admin's chrome.\n *\n * ── ROUTED BY LINK, NOT BY A TABLE ──\n *\n * Every `MerchantNotification` carries a `link` — the dashboard path it is\n * about — so the row it belongs on is already written on it. Matching the\n * longest nav href that the link starts with means a new notification type\n * lands on the right row with no code here at all, and a row renamed or moved\n * by an archetype takes its notifications with it.\n *\n * A type→row lookup table as the PRIMARY route would have been wrong within a\n * release: it is a second copy of the navigation, kept by hand, and the first\n * person to add a notification type would not know it existed.\n *\n * It exists as a FALLBACK, and only because the links are currently worse than\n * the types. Measured against the live table 2026-09-03, five types are in\n * use and two cannot be routed by link at all: `merchant.new_inquiry` writes\n * `link = NULL`, and `merchant.low_stock` links to `/dashboard/inventory`,\n * which is a real route that NO nav row declares — the Inventory hub's rows\n * point elsewhere. So a link-only router silently dropped most of what the\n * bell had been showing, which is the bug this feature replaced the bell to\n * avoid.\n *\n * The map is therefore a patch on the DATA, not a design. Fixing it means\n * giving those two types links a nav row actually owns, on the API side; each\n * entry here should disappear the day its type's link is correct.\n *\n * ── IT REACHES ZERO, WHICH IS THE HOUSE RULE FOR A BADGE ──\n *\n * `use-nav-badges` is explicit that a count which cannot be driven to zero by\n * doing the work is wallpaper inside a week. So arriving at a section marks\n * that section's notifications read: the badge is \"things that happened here\n * you have not looked at\", and looking is what clears it. Nothing else in the\n * app was ever marking these read except opening the bell's panel, which is\n * why the count only ever went up.\n */\n/**\n * The rows for types whose `link` cannot find one. See the note above: this is\n * a patch on the data and each line should go when its type's link is fixed.\n *\n *   merchant.low_stock    links to /dashboard/inventory, which no nav row owns\n *   merchant.new_inquiry  writes no link at all\n *   merchant.support_reply  /dashboard/support has no nav row since Help left\n */\nconst BY_TYPE: Record<string, string> = {\n  /* `inventory`, not `catalog`. The Inventory hub is SYNTHESISED in\n     `sidebar.tsx` with that id and the catalogue's href on the hub itself, so\n     the row a merchant sees has no `catalog` id to hang a count on. */\n  'merchant.low_stock': 'inventory',\n  /* `inbox`, the id of the Inbox row (`inbox-row.ts`). This said `inquiries`,\n     which is an archetype's id for a row that exists only for `capture-leads`\n     and is now dropped in favour of the Inbox: every other business's new\n     enquiry badged a row that was not on its rail, so the count went nowhere. */\n  'merchant.new_inquiry': 'inbox',\n  'merchant.new_order': 'orders',\n  'booking.new_alert': 'orders',\n};\n\nexport function useNavNotifications(): Record<string, number> {\n  const demo = useDemoMode();\n  const pathname = usePathname();\n  const { tenant } = useAuth();\n  const queryClient = useQueryClient();\n  const intentConfig = useIntentConfig();\n\n  /**\n   * Every nav row that can carry a count, longest href first.\n   *\n   * Longest-first is what makes `/dashboard/orders/abandoned` land on the\n   * abandoned row rather than on Orders: the first match wins, so the more\n   * specific route has to be tested before the section it sits inside.\n   */\n  const rows = useMemo(() => {\n    // The Inbox is a spine row, not an archetype's, so the loop below never\n    // meets it. Seeded first so a link under /dashboard/inbox lands on it.\n    const seen = new Map<string, string>([[INBOX_HREF, 'inbox']]);\n    for (const config of intentConfig.all) {\n      for (const group of config.navigation.groups) {\n        for (const item of group.items) {\n          const href = (item.href ?? '').split('?')[0];\n          if (href && !seen.has(href)) seen.set(href, item.id);\n        }\n      }\n    }\n    return [...seen.entries()].sort((a, b) => b[0].length - a[0].length);\n  }, [intentConfig]);\n\n  const { data } = useApiQuery<MerchantNotificationList>(\n    ['merchant-notifications'],\n    // 50, not 8. The bell showed a page; this counts a whole rail, and a\n    // section whose notifications all fell off the end of a short page would\n    // silently wear no badge.\n    (slug) => merchantNotificationsApi.list(slug, { limit: 50 }),\n    { enabled: !demo, live: true },\n  );\n\n  const unread = useMemo(\n    () => (data?.notifications ?? []).filter((n) => !n.readAt),\n    [data],\n  );\n\n  const counts = useMemo(() => {\n    const out: Record<string, number> = {};\n    for (const n of unread) {\n      const byLink = n.link\n        ? rows.find(([href]) => n.link!.startsWith(href))?.[1]\n        : undefined;\n      const id = byLink ?? BY_TYPE[n.type];\n      if (!id) continue;\n      out[id] = (out[id] ?? 0) + 1;\n    }\n    return out;\n  }, [unread, rows]);\n\n  /**\n   * Arriving at a section reads its notifications.\n   *\n   * ONE request, and not until the page has had the network to itself.\n   *\n   * This posted a row at a time, in parallel, the moment the path changed: a\n   * merchant with fifty unread order alerts spent fifty POSTs opening Orders,\n   * racing the list they were waiting for and eating a sixth of a limiter that\n   * allows three hundred requests a minute. Marking something read is not\n   * something anybody is waiting for, so it goes last and it goes together.\n   *\n   * `sent` is a ref rather than state so a second render cannot re-post the\n   * same ids, and it is never cleared: an id marked read stays read, and the\n   * refetch that follows is what actually removes it from `unread`.\n   */\n  const sent = useRef(new Set<string>());\n  useEffect(() => {\n    const slug = tenant?.slug;\n    if (!slug || !pathname) return;\n    const here = unread.filter(\n      (n) => n.link && pathname.startsWith(n.link.split('?')[0]),\n    );\n    const fresh = here.filter((n) => !sent.current.has(n.id));\n    if (fresh.length === 0) return;\n\n    const ids = fresh.map((n) => n.id);\n\n    /*\n     * An API that has not got the bulk route yet answers 404, and the read\n     * still has to happen — so it falls back to the old shape rather than\n     * leaving a section wearing a badge it has been read out of.\n     */\n    const read = async () => {\n      /*\n       * Marked as sent when the request actually leaves, not when it is\n       * scheduled. Claiming them up front was safe while the posts fired\n       * immediately; with the work deferred, walking off the page before it\n       * ran left ids nothing would ever ask about again — read on screen,\n       * unread in the database, for the rest of the session.\n       */\n      ids.forEach((id) => sent.current.add(id));\n      try {\n        /* The route takes 200 at a time and the feed asks for 50, so this is\n           one request today. It is a loop so that raising the feed's page\n           cannot turn the read into a silent 400. */\n        for (let i = 0; i < ids.length; i += 200) {\n          await merchantNotificationsApi.markManyRead(\n            slug,\n            ids.slice(i, i + 200),\n          );\n        }\n      } catch (err) {\n        const status = (err as Error & { status?: number }).status;\n        if (status !== 404) return;\n        await Promise.all(\n          ids.map((id) =>\n            merchantNotificationsApi.markRead(slug, id).catch(() => null),\n          ),\n        );\n      }\n    };\n\n    /* After the page, not during it. `requestIdleCallback` where it exists,\n       and a timeout where it does not — Safari still has neither. */\n    const run = () => {\n      void read().then(() =>\n        queryClient.invalidateQueries({ queryKey: ['merchant-notifications'] }),\n      );\n    };\n    const idle = typeof window.requestIdleCallback === 'function';\n    const handle = idle\n      ? window.requestIdleCallback(run, { timeout: 4000 })\n      : window.setTimeout(run, 1200);\n    return () => {\n      if (idle) window.cancelIdleCallback(handle);\n      else window.clearTimeout(handle);\n    };\n  }, [pathname, unread, tenant?.slug, queryClient]);\n\n  return counts;\n}\n"],"mappings":"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","names":[]}

package/dist/sidebar/use-new-nav-rows.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The nav rows that appeared because a business added something recently.
+ *
+ * Resolved from the intent's OWN config rather than from a list kept here, so
+ * a row an archetype gains later is marked new without anybody remembering to
+ * update a second file. The same reason the notification router reads each
+ * notification's link instead of a type→row table.
+ *
+ * `useSyncExternalStore` because the mark is written on the Explore page and
+ * read in the rail — two trees, one localStorage key. An effect copying it
+ * into state would be a render behind and would not hear another tab.
+ */
+export declare function useNewNavRows(): Set<string>;

package/dist/sidebar/use-new-nav-rows.js

@@ -0,0 +1,53 @@
+"use client";
+import { useEffect, useMemo, useSyncExternalStore } from "react";
+import { usePathname } from "@withpotter/lib/use-pathname";
+import { getIntentConfig } from "@withpotter/lib/intents/registry";
+import {
+  isRowSeen,
+  markRowSeen,
+  newRowsSnapshot,
+  readNewIntentMarks,
+  subscribeNewIntents
+} from "@withpotter/pages-core/dashboard/explore/new-intents";
+function useNewNavRows() {
+  const store = useSyncExternalStore(
+    subscribeNewIntents,
+    newRowsSnapshot,
+    serverSnapshot
+  );
+  const pathname = usePathname();
+  useEffect(() => {
+    const here = (pathname ?? "").split("?")[0];
+    const marks = readNewIntentMarks();
+    for (const [key, addedAt] of Object.entries(marks)) {
+      for (const group of getIntentConfig(key)?.navigation.groups ?? []) {
+        for (const item of group.items) {
+          if (item.generic) continue;
+          if (item.href.split("?")[0] !== here) continue;
+          if (!isRowSeen(key, item.id, addedAt)) markRowSeen(key, item.id);
+        }
+      }
+    }
+  }, [pathname]);
+  return useMemo(() => {
+    const ids = /* @__PURE__ */ new Set();
+    const marks = readNewIntentMarks();
+    for (const [key, addedAt] of Object.entries(marks)) {
+      const config = getIntentConfig(key);
+      for (const group of config?.navigation.groups ?? []) {
+        for (const item of group.items) {
+          if (item.generic) continue;
+          if (!isRowSeen(key, item.id, addedAt)) ids.add(item.id);
+        }
+      }
+    }
+    return ids;
+  }, [store]);
+}
+function serverSnapshot() {
+  return "";
+}
+export {
+  useNewNavRows
+};
+//# sourceMappingURL=use-new-nav-rows.js.map

package/dist/sidebar/use-new-nav-rows.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sidebar/use-new-nav-rows.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo, useSyncExternalStore } from 'react';\nimport { usePathname } from '@withpotter/lib/use-pathname';\nimport { getIntentConfig } from '@withpotter/lib/intents/registry';\nimport {\n  isRowSeen,\n  markRowSeen,\n  newRowsSnapshot,\n  readNewIntentMarks,\n  subscribeNewIntents,\n} from '@withpotter/pages-core/dashboard/explore/new-intents';\n\n/**\n * The nav rows that appeared because a business added something recently.\n *\n * Resolved from the intent's OWN config rather than from a list kept here, so\n * a row an archetype gains later is marked new without anybody remembering to\n * update a second file. The same reason the notification router reads each\n * notification's link instead of a type→row table.\n *\n * `useSyncExternalStore` because the mark is written on the Explore page and\n * read in the rail — two trees, one localStorage key. An effect copying it\n * into state would be a render behind and would not hear another tab.\n */\nexport function useNewNavRows(): Set<string> {\n  const store = useSyncExternalStore(\n    subscribeNewIntents,\n    newRowsSnapshot,\n    serverSnapshot,\n  );\n  const pathname = usePathname();\n\n  // Opening a row clears its tag. Matched on the path alone: a row's href\n  // carries a `?intent=` the address bar may not, and the page is the same.\n  useEffect(() => {\n    const here = (pathname ?? '').split('?')[0];\n    const marks = readNewIntentMarks();\n    for (const [key, addedAt] of Object.entries(marks)) {\n      for (const group of getIntentConfig(key)?.navigation.groups ?? []) {\n        for (const item of group.items) {\n          if (item.generic) continue;\n          if (item.href.split('?')[0] !== here) continue;\n          if (!isRowSeen(key, item.id, addedAt)) markRowSeen(key, item.id);\n        }\n      }\n    }\n  }, [pathname]);\n\n  return useMemo(() => {\n    const ids = new Set<string>();\n    const marks = readNewIntentMarks();\n    for (const [key, addedAt] of Object.entries(marks)) {\n      const config = getIntentConfig(key);\n      for (const group of config?.navigation.groups ?? []) {\n        for (const item of group.items) {\n          // Collections, Invoices, Discounts and Loyalty are shared platform\n          // capabilities, not something this archetype brought: a business\n          // that already had them is not looking at anything new.\n          if (item.generic) continue;\n          if (!isRowSeen(key, item.id, addedAt)) ids.add(item.id);\n        }\n      }\n    }\n    return ids;\n    // `store` is what changes when a mark is added or a row is seen.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [store]);\n}\n\n/**\n * A STRING, not an array.\n *\n * `useSyncExternalStore` compares snapshots by identity and calls the getter\n * on every render; returning a fresh array each time is an infinite loop. The\n * join is the cheapest stable value that still changes when the set does.\n */\nfunction serverSnapshot(): string {\n  return '';\n}\n"],"mappings":";AAEA,SAAS,WAAW,SAAS,4BAA4B;AACzD,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAcA,SAAS,gBAA6B;AAC3C,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,QAAM,WAAW,YAAY;AAI7B,YAAU,MAAM;AACd,UAAM,QAAQ,YAAY,IAAI,MAAM,GAAG,EAAE,CAAC;AAC1C,UAAM,QAAQ,mBAAmB;AACjC,eAAW,CAAC,KAAK,OAAO,KAAK,OAAO,QAAQ,KAAK,GAAG;AAClD,iBAAW,SAAS,gBAAgB,GAAG,GAAG,WAAW,UAAU,CAAC,GAAG;AACjE,mBAAW,QAAQ,MAAM,OAAO;AAC9B,cAAI,KAAK,QAAS;AAClB,cAAI,KAAK,KAAK,MAAM,GAAG,EAAE,CAAC,MAAM,KAAM;AACtC,cAAI,CAAC,UAAU,KAAK,KAAK,IAAI,OAAO,EAAG,aAAY,KAAK,KAAK,EAAE;AAAA,QACjE;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO,QAAQ,MAAM;AACnB,UAAM,MAAM,oBAAI,IAAY;AAC5B,UAAM,QAAQ,mBAAmB;AACjC,eAAW,CAAC,KAAK,OAAO,KAAK,OAAO,QAAQ,KAAK,GAAG;AAClD,YAAM,SAAS,gBAAgB,GAAG;AAClC,iBAAW,SAAS,QAAQ,WAAW,UAAU,CAAC,GAAG;AACnD,mBAAW,QAAQ,MAAM,OAAO;AAI9B,cAAI,KAAK,QAAS;AAClB,cAAI,CAAC,UAAU,KAAK,KAAK,IAAI,OAAO,EAAG,KAAI,IAAI,KAAK,EAAE;AAAA,QACxD;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EAGT,GAAG,CAAC,KAAK,CAAC;AACZ;AASA,SAAS,iBAAyB;AAChC,SAAO;AACT;","names":[]}

package/dist/sidebar/use-open-hub.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Which hub the rail is showing the inside of.
+ *
+ * One question with three answers — a hub, none, or "they have not said" — plus
+ * the correction that retires a choice when the route changes. Its own file
+ * because `sidebar.tsx` is over the house's line limit and this is the piece of
+ * it that separates without cutting a component in half.
+ */
+export declare function useOpenHub(pathname: string): {
+    hubChoice: string | null | undefined;
+    setHubOpen: (id: string, next: boolean) => void;
+};

package/dist/sidebar/use-open-hub.js

@@ -0,0 +1,18 @@
+"use client";
+import { useState } from "react";
+function useOpenHub(pathname) {
+  const [hubChoice, setHubChoice] = useState(
+    void 0
+  );
+  const setHubOpen = (id, next) => setHubChoice(next ? id : null);
+  const [choiceRoute, setChoiceRoute] = useState(pathname);
+  if (choiceRoute !== pathname) {
+    setChoiceRoute(pathname);
+    setHubChoice(void 0);
+  }
+  return { hubChoice, setHubOpen };
+}
+export {
+  useOpenHub
+};
+//# sourceMappingURL=use-open-hub.js.map

package/dist/sidebar/use-open-hub.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sidebar/use-open-hub.ts"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\n/**\n * Which hub the rail is showing the inside of.\n *\n * One question with three answers — a hub, none, or \"they have not said\" — plus\n * the correction that retires a choice when the route changes. Its own file\n * because `sidebar.tsx` is over the house's line limit and this is the piece of\n * it that separates without cutting a component in half.\n */\nexport function useOpenHub(pathname: string) {\n  /**\n   * The hub the merchant has opened — ONE, or none, or no choice yet.\n   *\n   * `undefined` is \"they haven't said\", which leaves the hub owning the current\n   * route auto-open. A toggle overrides that, so a hub can be shut even while\n   * you are on one of its pages, and opening a second hub closes the first: the\n   * rail shows one sub-list at a time.\n   *\n   * This was a map of independent booleans, which is why every hub you opened\n   * on the way somewhere stayed open behind you.\n   */\n  const [hubChoice, setHubChoice] = useState<string | null | undefined>(\n    undefined,\n  );\n  const setHubOpen = (id: string, next: boolean) =>\n    setHubChoice(next ? id : null);\n  /**\n   * A new route retires the choice, exactly as `NavSection` forces open the\n   * section owning the current page. Without this, arriving somewhere from\n   * inside the page — a link in the body, a redirect — leaves the rail holding\n   * the hub you last pressed, and the page you are actually on has its row\n   * hidden inside a closed hub with no highlight anywhere in the nav.\n   *\n   * Adjusted during render rather than in an effect: this is state derived from\n   * a changing input, and an effect would paint the stale hub for one frame\n   * first.\n   */\n  const [choiceRoute, setChoiceRoute] = useState(pathname);\n  if (choiceRoute !== pathname) {\n    setChoiceRoute(pathname);\n    setHubChoice(undefined);\n  }\n\n  return { hubChoice, setHubOpen };\n}\n"],"mappings":";AAEA,SAAS,gBAAgB;AAUlB,SAAS,WAAW,UAAkB;AAY3C,QAAM,CAAC,WAAW,YAAY,IAAI;AAAA,IAChC;AAAA,EACF;AACA,QAAM,aAAa,CAAC,IAAY,SAC9B,aAAa,OAAO,KAAK,IAAI;AAY/B,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,QAAQ;AACvD,MAAI,gBAAgB,UAAU;AAC5B,mBAAe,QAAQ;AACvB,iBAAa,MAAS;AAAA,EACxB;AAEA,SAAO,EAAE,WAAW,WAAW;AACjC;","names":[]}

package/dist/sidebar/use-resource-rows.d.ts

@@ -0,0 +1,36 @@
+import type { NavGroup } from './config';
+/**
+ * ONE row for the bookable things, in the merchant's own words where there is
+ * only one word to use.
+ *
+ * `take-bookings` hardcoded this row's label to the string "Staff", so a tennis
+ * club — which books COURTS and COACHES, two groups of different shapes — had
+ * to keep its courts inside a page called Staff. No single noun is right for a
+ * business that books more than one kind of thing, and picking one is how the
+ * screen stopped making sense: John, 2026-08-23, *"this staff page i dont get
+ * it… i run a tennis club i have coaches so i add them there"*.
+ *
+ * It was a row PER GROUP for a day — Courts and Coaches, each opening the
+ * roster narrowed to itself — and a business with two groups got two rows that
+ * were the same screen twice. John, 2026-08-24: *"why have staffs and rooms in
+ * the sidenav, just merge and call the nav something general that people can
+ * choose to create anything"*.
+ *
+ * So the rule is the one `collapse-shared-nav` already runs on archetypes: the
+ * merchant's own noun while there is no dispute, the plain word once there is.
+ *
+ *   no groups     the row the archetype declared — a merchant with nothing set
+ *                 up still needs the door that sets it up
+ *   one group     that group's name. A salon reads Staff, a restaurant Tables,
+ *                 which is what they already had
+ *   two or more   "Resources", opening the unscoped page — which is already a
+ *                 section per group with its own Add, so every kind is one
+ *                 click from one door
+ *
+ * Narrowing did not disappear with the rows: the page carries the groups, and
+ * `?group=` still works for anything that links to one.
+ *
+ * The rows inherit the declared row's permission and behavior gating rather
+ * than declaring their own: they ARE that row, told apart.
+ */
+export declare function useResourceRows(groups: NavGroup[]): NavGroup[];

package/dist/sidebar/use-resource-rows.js

@@ -0,0 +1,62 @@
+"use client";
+import { useEffect, useMemo } from "react";
+import { useApiQuery } from "@withpotter/hooks/use-api-query";
+import { useModuleLabel } from "@withpotter/lib/use-module-label";
+import { rosterLabel } from "@withpotter/lib/roster-label";
+import { resourceCategoriesApi } from "@withpotter/lib/api/resource-categories";
+const RESOURCES_ID = "resources";
+function useResourceRows(groups) {
+  const declared = useMemo(() => findResourcesItem(groups), [groups]);
+  const generic = useModuleLabel(RESOURCES_ID, "Resources");
+  const { data, refetch } = useApiQuery(
+    ["resource-categories"],
+    (slug) => resourceCategoriesApi.list(slug),
+    { enabled: !!declared }
+  );
+  useEffect(() => {
+    const handler = () => void refetch();
+    window.addEventListener("resource-categories-changed", handler);
+    return () => window.removeEventListener("resource-categories-changed", handler);
+  }, [refetch]);
+  const categories = useMemo(() => {
+    const rows = Array.isArray(data) ? data : data?.data ?? [];
+    return rows.filter((c) => c.isActive !== false).sort((a, b) => a.sortOrder - b.sortOrder);
+  }, [data]);
+  return useMemo(() => {
+    if (!declared || categories.length === 0) return groups;
+    const row = {
+      ...declared,
+      // Shared with the page's title, which is the whole point of the helper:
+      // the row and the screen it opens have to say the same word.
+      name: rosterLabel(categories, declared.name, generic),
+      href: declared.href.split("?")[0],
+      icon: declared.icon
+    };
+    const expand = (items) => items.map((item) => item.id === RESOURCES_ID ? row : item);
+    return groups.map((group) => ({
+      ...group,
+      ...group.items && { items: expand(group.items) },
+      ...group.sections && {
+        sections: group.sections.map((section) => ({
+          ...section,
+          items: expand(section.items)
+        }))
+      }
+    }));
+  }, [groups, declared, categories, generic]);
+}
+function findResourcesItem(groups) {
+  for (const group of groups) {
+    const inItems = group.items?.find((item) => item.id === RESOURCES_ID);
+    if (inItems) return inItems;
+    for (const section of group.sections ?? []) {
+      const inSection = section.items.find((item) => item.id === RESOURCES_ID);
+      if (inSection) return inSection;
+    }
+  }
+  return void 0;
+}
+export {
+  useResourceRows
+};
+//# sourceMappingURL=use-resource-rows.js.map

package/dist/sidebar/use-resource-rows.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sidebar/use-resource-rows.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo } from 'react';\nimport { useApiQuery } from '@withpotter/hooks/use-api-query';\nimport { useModuleLabel } from '@withpotter/lib/use-module-label';\nimport { rosterLabel } from '@withpotter/lib/roster-label';\nimport { resourceCategoriesApi } from '@withpotter/lib/api/resource-categories';\nimport type { ResourceCategory } from '@withpotter/lib/resource-types';\nimport type { NavGroup, NavItem } from './config';\n\n/** The row every archetype declares for its bookable things. */\nconst RESOURCES_ID = 'resources';\n\n/**\n * ONE row for the bookable things, in the merchant's own words where there is\n * only one word to use.\n *\n * `take-bookings` hardcoded this row's label to the string \"Staff\", so a tennis\n * club — which books COURTS and COACHES, two groups of different shapes — had\n * to keep its courts inside a page called Staff. No single noun is right for a\n * business that books more than one kind of thing, and picking one is how the\n * screen stopped making sense: John, 2026-08-23, *\"this staff page i dont get\n * it… i run a tennis club i have coaches so i add them there\"*.\n *\n * It was a row PER GROUP for a day — Courts and Coaches, each opening the\n * roster narrowed to itself — and a business with two groups got two rows that\n * were the same screen twice. John, 2026-08-24: *\"why have staffs and rooms in\n * the sidenav, just merge and call the nav something general that people can\n * choose to create anything\"*.\n *\n * So the rule is the one `collapse-shared-nav` already runs on archetypes: the\n * merchant's own noun while there is no dispute, the plain word once there is.\n *\n *   no groups     the row the archetype declared — a merchant with nothing set\n *                 up still needs the door that sets it up\n *   one group     that group's name. A salon reads Staff, a restaurant Tables,\n *                 which is what they already had\n *   two or more   \"Resources\", opening the unscoped page — which is already a\n *                 section per group with its own Add, so every kind is one\n *                 click from one door\n *\n * Narrowing did not disappear with the rows: the page carries the groups, and\n * `?group=` still works for anything that links to one.\n *\n * The rows inherit the declared row's permission and behavior gating rather\n * than declaring their own: they ARE that row, told apart.\n */\nexport function useResourceRows(groups: NavGroup[]): NavGroup[] {\n  const declared = useMemo(() => findResourcesItem(groups), [groups]);\n  // The plain word, and a merchant who renamed the module gets their own.\n  const generic = useModuleLabel(RESOURCES_ID, 'Resources');\n\n  // Only a business whose nav already carries the row pays for the question.\n  const { data, refetch } = useApiQuery(\n    ['resource-categories'],\n    (slug) => resourceCategoriesApi.list(slug),\n    { enabled: !!declared },\n  );\n\n  /**\n   * The roster tells the nav when the groups change, and this is the ear.\n   *\n   * `use-roster` has dispatched `resource-categories-changed` on every create,\n   * rename and delete since the row was built. Nothing heard it: the only\n   * listener was `components/use-resource-sidebar.ts`, which had no importers\n   * at all, and this hook — the one that actually names the row and points it\n   * somewhere — read a cache nothing invalidated.\n   *\n   * What that looked like: John added a second group, \"chair\". Two groups mean\n   * the row becomes the plain word and opens the unscoped page, but the nav\n   * still held one group, so it kept saying \"Staff\" and kept its `?group=`\n   * narrowed href — and the group he had just made was not reachable from\n   * anywhere. It fixed itself whenever something else happened to refetch,\n   * which is the tell for a signal sent into an empty room.\n   */\n  useEffect(() => {\n    const handler = () => void refetch();\n    window.addEventListener('resource-categories-changed', handler);\n    return () =>\n      window.removeEventListener('resource-categories-changed', handler);\n  }, [refetch]);\n\n  const categories = useMemo(() => {\n    const rows = Array.isArray(data)\n      ? data\n      : ((data as { data?: ResourceCategory[] } | undefined)?.data ?? []);\n    return rows\n      .filter((c) => c.isActive !== false)\n      .sort((a, b) => a.sortOrder - b.sortOrder);\n  }, [data]);\n\n  return useMemo(() => {\n    if (!declared || categories.length === 0) return groups;\n\n    const row: NavItem = {\n      ...declared,\n      // Shared with the page's title, which is the whole point of the helper:\n      // the row and the screen it opens have to say the same word.\n      name: rosterLabel(categories, declared.name, generic),\n      href: declared.href.split('?')[0],\n      icon: declared.icon,\n    };\n\n    const expand = (items: NavItem[]) =>\n      items.map((item) => (item.id === RESOURCES_ID ? row : item));\n\n    return groups.map((group) => ({\n      ...group,\n      ...(group.items && { items: expand(group.items) }),\n      ...(group.sections && {\n        sections: group.sections.map((section) => ({\n          ...section,\n          items: expand(section.items),\n        })),\n      }),\n    }));\n  }, [groups, declared, categories, generic]);\n}\n\nfunction findResourcesItem(groups: NavGroup[]): NavItem | undefined {\n  for (const group of groups) {\n    const inItems = group.items?.find((item) => item.id === RESOURCES_ID);\n    if (inItems) return inItems;\n    for (const section of group.sections ?? []) {\n      const inSection = section.items.find((item) => item.id === RESOURCES_ID);\n      if (inSection) return inSection;\n    }\n  }\n  return undefined;\n}\n"],"mappings":";AAEA,SAAS,WAAW,eAAe;AACnC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,6BAA6B;AAKtC,MAAM,eAAe;AAoCd,SAAS,gBAAgB,QAAgC;AAC9D,QAAM,WAAW,QAAQ,MAAM,kBAAkB,MAAM,GAAG,CAAC,MAAM,CAAC;AAElE,QAAM,UAAU,eAAe,cAAc,WAAW;AAGxD,QAAM,EAAE,MAAM,QAAQ,IAAI;AAAA,IACxB,CAAC,qBAAqB;AAAA,IACtB,CAAC,SAAS,sBAAsB,KAAK,IAAI;AAAA,IACzC,EAAE,SAAS,CAAC,CAAC,SAAS;AAAA,EACxB;AAkBA,YAAU,MAAM;AACd,UAAM,UAAU,MAAM,KAAK,QAAQ;AACnC,WAAO,iBAAiB,+BAA+B,OAAO;AAC9D,WAAO,MACL,OAAO,oBAAoB,+BAA+B,OAAO;AAAA,EACrE,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,aAAa,QAAQ,MAAM;AAC/B,UAAM,OAAO,MAAM,QAAQ,IAAI,IAC3B,OACE,MAAoD,QAAQ,CAAC;AACnE,WAAO,KACJ,OAAO,CAAC,MAAM,EAAE,aAAa,KAAK,EAClC,KAAK,CAAC,GAAG,MAAM,EAAE,YAAY,EAAE,SAAS;AAAA,EAC7C,GAAG,CAAC,IAAI,CAAC;AAET,SAAO,QAAQ,MAAM;AACnB,QAAI,CAAC,YAAY,WAAW,WAAW,EAAG,QAAO;AAEjD,UAAM,MAAe;AAAA,MACnB,GAAG;AAAA;AAAA;AAAA,MAGH,MAAM,YAAY,YAAY,SAAS,MAAM,OAAO;AAAA,MACpD,MAAM,SAAS,KAAK,MAAM,GAAG,EAAE,CAAC;AAAA,MAChC,MAAM,SAAS;AAAA,IACjB;AAEA,UAAM,SAAS,CAAC,UACd,MAAM,IAAI,CAAC,SAAU,KAAK,OAAO,eAAe,MAAM,IAAK;AAE7D,WAAO,OAAO,IAAI,CAAC,WAAW;AAAA,MAC5B,GAAG;AAAA,MACH,GAAI,MAAM,SAAS,EAAE,OAAO,OAAO,MAAM,KAAK,EAAE;AAAA,MAChD,GAAI,MAAM,YAAY;AAAA,QACpB,UAAU,MAAM,SAAS,IAAI,CAAC,aAAa;AAAA,UACzC,GAAG;AAAA,UACH,OAAO,OAAO,QAAQ,KAAK;AAAA,QAC7B,EAAE;AAAA,MACJ;AAAA,IACF,EAAE;AAAA,EACJ,GAAG,CAAC,QAAQ,UAAU,YAAY,OAAO,CAAC;AAC5C;AAEA,SAAS,kBAAkB,QAAyC;AAClE,aAAW,SAAS,QAAQ;AAC1B,UAAM,UAAU,MAAM,OAAO,KAAK,CAAC,SAAS,KAAK,OAAO,YAAY;AACpE,QAAI,QAAS,QAAO;AACpB,eAAW,WAAW,MAAM,YAAY,CAAC,GAAG;AAC1C,YAAM,YAAY,QAAQ,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,YAAY;AACvE,UAAI,UAAW,QAAO;AAAA,IACxB;AAAA,EACF;AACA,SAAO;AACT;","names":[]}

package/dist/sidebar/work-rows.d.ts

@@ -0,0 +1,17 @@
+import { type NavItem } from './config';
+/**
+ * Which work rows lead the sidebar, and which drop into Operations.
+ *
+ * Lifted out of `sidebar.tsx`, which sits at the house limit — and this is one
+ * question with one answer, which is what a file should be. The rendering
+ * order around it is a separate decision and stays where the markup is.
+ */
+export declare function splitWorkRows({ workItems, consumed, hasInventoryHub, }: {
+    workItems: NavItem[];
+    /** Rows another hub has already taken; they must not render twice. */
+    consumed: Set<unknown>;
+    hasInventoryHub: boolean;
+}): {
+    primaryWork: NavItem[];
+    extraWork: NavItem[];
+};

package/dist/sidebar/work-rows.js

@@ -0,0 +1,17 @@
+function splitWorkRows({
+  workItems,
+  consumed,
+  hasInventoryHub
+}) {
+  const flowItems = workItems.filter((item) => !consumed.has(item));
+  const hoisted = flowItems.filter((i) => i.id.startsWith("shared-"));
+  const primaryCount = hasInventoryHub ? 1 : 2;
+  return {
+    primaryWork: hoisted.length ? hoisted : flowItems.slice(0, primaryCount),
+    extraWork: hoisted.length ? flowItems.filter((i) => !i.id.startsWith("shared-")) : flowItems.slice(primaryCount)
+  };
+}
+export {
+  splitWorkRows
+};
+//# sourceMappingURL=work-rows.js.map

package/dist/sidebar/work-rows.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sidebar/work-rows.ts"],"sourcesContent":["import { type NavItem } from './config';\n\n/**\n * Which work rows lead the sidebar, and which drop into Operations.\n *\n * Lifted out of `sidebar.tsx`, which sits at the house limit — and this is one\n * question with one answer, which is what a file should be. The rendering\n * order around it is a separate decision and stays where the markup is.\n */\nexport function splitWorkRows({\n  workItems,\n  consumed,\n  hasInventoryHub,\n}: {\n  workItems: NavItem[];\n  /** Rows another hub has already taken; they must not render twice. */\n  consumed: Set<unknown>;\n  hasInventoryHub: boolean;\n}): { primaryWork: NavItem[]; extraWork: NavItem[] } {\n  const flowItems = workItems.filter((item) => !consumed.has(item));\n\n  /**\n   * Which rows are primary is a question of what they ARE, not of how many\n   * happen to precede them.\n   *\n   * Slicing the first two put **Orders** at the top for a musician and inside\n   * Operations for a church, because the church contributes a Plans row that\n   * pushes it past the cut. Same row, same business-critical destination, in a\n   * different part of the sidebar depending on which archetypes the merchant\n   * runs — which is the thing the shared-row hoisting exists to prevent.\n   *\n   * A hoisted row belongs to no archetype: it is Catalog, Orders, Today, the\n   * spine of whatever the business is. Those are the primary surfaces. What\n   * stays behind is one archetype's own work, and Operations is where it goes.\n   *\n   * A single-archetype business hoists nothing, so it keeps the positional\n   * rule it has always had.\n   */\n  const hoisted = flowItems.filter((i) => i.id.startsWith('shared-'));\n  const primaryCount = hasInventoryHub ? 1 : 2;\n\n  return {\n    primaryWork: hoisted.length ? hoisted : flowItems.slice(0, primaryCount),\n    extraWork: hoisted.length\n      ? flowItems.filter((i) => !i.id.startsWith('shared-'))\n      : flowItems.slice(primaryCount),\n  };\n}\n"],"mappings":"AASO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAKqD;AACnD,QAAM,YAAY,UAAU,OAAO,CAAC,SAAS,CAAC,SAAS,IAAI,IAAI,CAAC;AAmBhE,QAAM,UAAU,UAAU,OAAO,CAAC,MAAM,EAAE,GAAG,WAAW,SAAS,CAAC;AAClE,QAAM,eAAe,kBAAkB,IAAI;AAE3C,SAAO;AAAA,IACL,aAAa,QAAQ,SAAS,UAAU,UAAU,MAAM,GAAG,YAAY;AAAA,IACvE,WAAW,QAAQ,SACf,UAAU,OAAO,CAAC,MAAM,CAAC,EAAE,GAAG,WAAW,SAAS,CAAC,IACnD,UAAU,MAAM,YAAY;AAAA,EAClC;AACF;","names":[]}

package/dist/sidebar.d.ts

@@ -0,0 +1,6 @@
+import './shell/shell.css';
+export declare function Sidebar({ collapsed, onToggleCollapse, }: {
+    collapsed?: boolean;
+    /** Collapses the rail; the button for it sits beside Search in the head. */
+    onToggleCollapse?: () => void;
+}): import("react").JSX.Element;