@withpotter/components 0.13.0-next.101

package/dist/dashboard/home/use-home-shape.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/use-home-shape.ts"],"sourcesContent":["'use client';\n\n/**\n * The home's organizing decision: the page's SHAPE is a function of business\n * state, not a fixed stack of panels.\n *\n * Before this existed the home rendered every section unconditionally, so a\n * brand-new business met four stacked empty states (goal, revenue chart,\n * activity, customers) and read as broken on day one, while an operating\n * business still had onboarding cards competing with its money.\n *\n * Three stages, each with a different job:\n *\n *   setup      Nothing sellable exists yet. Setup cards carry the page, and\n *              the money band and board still render, because a real zero is\n *              information. Empty PANELS (feed, people) are withheld.\n *   launched   Something is sellable but nothing has happened yet. Same shape;\n *              the job is the first sale.\n *   operating  Real money or real activity exists. Every panel shows.\n *\n * The distinction that matters: suppress empty PANELS, never suppress real\n * FIGURES. An earlier pass hid the money band before the first sale and turned\n * a too-empty page into a genuinely empty one.\n *\n * Stage is derived from signals that are true for EVERY archetype — a padel\n * club records bookings, a shop records orders, an invoicing business records\n * paid invoices. `hasActivity` is what keeps a cash-heavy or booking-first\n * business from being stuck in `launched` just because online revenue is zero.\n */\n\nexport type HomeStage = 'setup' | 'launched' | 'operating';\n\nexport interface HomeShapeInput {\n  /** A sellable thing exists (product, service, package, room, event). */\n  hasSellable: boolean;\n  /** Lifetime/period revenue from paid orders and invoices. */\n  revenue: number;\n  /** Orders in the current period. */\n  orders: number;\n  /** Bookings starting today (bookings-first archetypes). */\n  todaysBookings: number;\n  /** Upcoming bookings on the books. */\n  upcomingBookingsCount: number;\n  /** Tabs open right now (dine-in). */\n  openTabsCount: number;\n  /** Timeline entries that represent real commerce, not setup noise. */\n  activityCount: number;\n}\n\nexport interface HomeShape {\n  stage: HomeStage;\n  /** Setup cards carry the page. */\n  showSetup: boolean;\n  /**\n   * The money band. Always true: a real £0 is information, and hiding it left\n   * a brand-new business staring at a blank page.\n   */\n  showMoney: boolean;\n  /**\n   * Individual PANELS that would render an empty state are dropped instead, so\n   * absence never stacks up into the page's dominant texture. Deliberately\n   * scoped to panels: figures (money) are always shown.\n   */\n  hideEmptyPanels: boolean;\n}\n\nexport function resolveHomeShape(input: HomeShapeInput): HomeShape {\n  const {\n    hasSellable,\n    revenue,\n    orders,\n    todaysBookings,\n    upcomingBookingsCount,\n    openTabsCount,\n    activityCount,\n  } = input;\n\n  // Money OR operational motion. A club with a full court sheet and no online\n  // revenue is operating; treating it as \"launched\" would hide its own board.\n  const isOperating =\n    revenue > 0 ||\n    orders > 0 ||\n    todaysBookings > 0 ||\n    upcomingBookingsCount > 0 ||\n    openTabsCount > 0 ||\n    activityCount > 0;\n\n  const stage: HomeStage = !hasSellable\n    ? 'setup'\n    : isOperating\n      ? 'operating'\n      : 'launched';\n\n  return {\n    stage,\n\n    // ALWAYS offered; `SetupCards` renders null once every step is done.\n    //\n    // This used to be `stage !== 'operating'`, which conflated two unrelated\n    // things: whether a business is trading, and whether it has finished\n    // setting up. A club taking bookings daily that still has no domain and no\n    // payout account was shown neither card. Setup disappears when setup is\n    // COMPLETE — and since it now sits below the money band, it isn't competing\n    // with anything for the top of the page.\n    showSetup: true,\n\n    // ALWAYS. £0 is a fact about the business, not an absence — the money band\n    // is the spine of this page and belongs there from day one. An earlier pass\n    // hid it before the first sale, which turned a too-empty page into a\n    // genuinely empty one. What we do NOT want is empty panels stacking up;\n    // that is what `hideEmptyPanels` is for, below.\n    showMoney: true,\n\n    // Drops individual panels that have nothing in them — the feed, the people\n    // panel, and any empty board widget — until the business is operating. This\n    // is the narrow version of the rule: suppress empty PANELS, never suppress\n    // real figures.\n    hideEmptyPanels: stage !== 'operating',\n  };\n}\n"],"mappings":";AAkEO,SAAS,iBAAiB,OAAkC;AACjE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAIJ,QAAM,cACJ,UAAU,KACV,SAAS,KACT,iBAAiB,KACjB,wBAAwB,KACxB,gBAAgB,KAChB,gBAAgB;AAElB,QAAM,QAAmB,CAAC,cACtB,UACA,cACE,cACA;AAEN,SAAO;AAAA,IACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUA,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOX,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,iBAAiB,UAAU;AAAA,EAC7B;AACF;","names":[]}

package/dist/dashboard/home/use-live-presence.d.ts

@@ -0,0 +1,21 @@
+export interface Presence {
+    /** Distinct sessions active inside the window. */
+    count: number;
+    /**
+     * True when the count is a floor rather than a total: the payload filled up
+     * and the oldest event in it is still inside the window, so there is traffic
+     * we cannot see. The label says "60+" rather than quietly under-reporting.
+     */
+    capped: boolean;
+    /**
+     * Where most of them are, named the way a person would name it.
+     *
+     * The page TITLE when the event carried one, its path when it did not. The
+     * first version showed the path, and on screen "3 people are on your site,
+     * /products/ceramic-bowl" reads like a server log: the merchant has to parse
+     * a URL to learn something they know by name. The title is already in the
+     * payload, so this was information we had and were throwing away.
+     */
+    topPlace: string | null;
+}
+export declare function useLivePresence(enabled: boolean): Presence | null;

package/dist/dashboard/home/use-live-presence.js

@@ -0,0 +1,84 @@
+"use client";
+import { useMemo } from "react";
+import { useApiQuery } from "@withpotter/hooks/use-api-query";
+import { analyticsApi } from "@withpotter/lib/api/analytics";
+const WINDOW_MS = 5 * 60 * 1e3;
+const LIMIT = 60;
+function pathOf(event) {
+  if (!event.pageUrl) return null;
+  try {
+    return new URL(event.pageUrl, "https://x.invalid").pathname || null;
+  } catch {
+    return null;
+  }
+}
+function nameOf(path, title) {
+  if (title?.trim()) return title.trim();
+  return path === "/" ? "the front page" : path;
+}
+function useLivePresence(enabled) {
+  const { data, dataUpdatedAt } = useApiQuery(
+    ["home-live-presence"],
+    (slug) => analyticsApi.getRecentEvents(slug, LIMIT),
+    {
+      enabled,
+      /*
+       * `live`, not a cadence of its own. `useApiQuery` owns one number for
+       * every surface that re-reads itself — 30s, no polling while the tab is
+       * backgrounded, refetch on focus — and the note above it is explicit
+       * that a per-page `setInterval` is the thing to avoid. A presence line
+       * inventing 20 seconds because it feels more live is how a dashboard
+       * ends up with four opinions about what "now" means, and this codebase
+       * has already measured what that costs in requests.
+       *
+       * Refetch-on-focus matters more than the interval here: the merchant
+       * comes back to the tab and the first thing they see is current, rather
+       * than up to thirty seconds stale.
+       */
+      live: true,
+      // Silent on failure. This is a grace note on the home, and a hero that
+      // turns into an error message because a secondary read timed out is
+      // worse than one that says nothing.
+      retry: false
+    }
+  );
+  return useMemo(() => {
+    if (!data) return null;
+    const cutoff = dataUpdatedAt - WINDOW_MS;
+    const live = data.filter((e) => new Date(e.createdAt).getTime() >= cutoff);
+    if (!live.length) return { count: 0, capped: false, topPlace: null };
+    const sessions = new Set(live.map((e) => e.sessionId));
+    const perPath = /* @__PURE__ */ new Map();
+    for (const e of live) {
+      const path = pathOf(e);
+      if (!path) continue;
+      const entry = perPath.get(path) ?? {
+        seen: /* @__PURE__ */ new Set(),
+        name: nameOf(path, e.pageTitle)
+      };
+      entry.seen.add(e.sessionId);
+      perPath.set(path, entry);
+    }
+    let topPlace = null;
+    let best = 0;
+    for (const entry of perPath.values()) {
+      if (entry.seen.size > best) {
+        best = entry.seen.size;
+        topPlace = entry.name;
+      }
+    }
+    return {
+      count: sessions.size,
+      // Every event we were given is inside the window, so the list was cut
+      // off by the limit rather than by time.
+      capped: data.length >= LIMIT && live.length === data.length,
+      // One session on a page is not "where everyone is". Said only when it
+      // describes at least two people, or when it is the only person there.
+      topPlace: best >= 2 || sessions.size === 1 ? topPlace : null
+    };
+  }, [data, dataUpdatedAt]);
+}
+export {
+  useLivePresence
+};
+//# sourceMappingURL=use-live-presence.js.map

package/dist/dashboard/home/use-live-presence.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/use-live-presence.ts"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { useApiQuery } from '@withpotter/hooks/use-api-query';\nimport { analyticsApi } from '@withpotter/lib/api/analytics';\nimport type { RecentEvent } from '@withpotter/lib/api/types';\n\n/**\n * Who is on the storefront right now.\n *\n * WHY THIS AND NOT THE STATS BAND. John asked whether Shopify's home strip —\n * Sessions, Total sales, Orders, Conversion rate — belonged on ours, and the\n * answer was no: his own screenshot had a green \"+120%\" sitting next to NGN 0,\n * which is eleven sessions dressed as a trend. Every figure on that bar is a\n * PERFORMANCE measure over a window, and performance over a window is what\n * Analytics is for. Presence is the exception and the one thing on that bar\n * worth having: it is not an average, it cannot be flattered by a slow month,\n * and it answers the only question the home actually asks — is anything\n * happening.\n *\n * NO NEW ENDPOINT. `/analytics/recent-events` has existed since analytics\n * shipped and nothing in the dashboard called it. Each event carries\n * `sessionId` and `createdAt`, so \"on the site now\" is distinct sessions inside\n * a five-minute window — a filter, not a round trip. Building a `/live` route\n * for this would have meant a migration-free API change, a deploy, and a\n * second definition of \"now\" to keep in step with this one.\n *\n * FIVE MINUTES is the industry's own answer (GA's realtime view, Plausible's,\n * Fathom's) and it is chosen for a reason: a page view is a moment, not a\n * duration, so presence has to be inferred from recency. Shorter and a person\n * reading one long page blinks out while they are still reading; longer and the\n * count keeps people who left.\n */\n\n/** How recent an event must be for its session to count as here. */\nconst WINDOW_MS = 5 * 60 * 1000;\n\n/**\n * How many events to ask for.\n *\n * The window is counted here, not by the server, so this is also the ceiling on\n * what can be counted: sixty events inside five minutes and the oldest one\n * returned is still inside the window, which means there were more we did not\n * see. That case is reported rather than hidden — see `capped` below.\n */\nconst LIMIT = 60;\n\nexport interface Presence {\n  /** Distinct sessions active inside the window. */\n  count: number;\n  /**\n   * True when the count is a floor rather than a total: the payload filled up\n   * and the oldest event in it is still inside the window, so there is traffic\n   * we cannot see. The label says \"60+\" rather than quietly under-reporting.\n   */\n  capped: boolean;\n  /**\n   * Where most of them are, named the way a person would name it.\n   *\n   * The page TITLE when the event carried one, its path when it did not. The\n   * first version showed the path, and on screen \"3 people are on your site,\n   * /products/ceramic-bowl\" reads like a server log: the merchant has to parse\n   * a URL to learn something they know by name. The title is already in the\n   * payload, so this was information we had and were throwing away.\n   */\n  topPlace: string | null;\n}\n\n/**\n * The identity of a page, for grouping: its path.\n *\n * Grouping on the URL rather than the title because two events for one page can\n * disagree about the title (a storefront that appends the business name, an\n * edit between visits) and would then count as two places.\n */\nfunction pathOf(event: RecentEvent): string | null {\n  if (!event.pageUrl) return null;\n  try {\n    // Events store an absolute URL sometimes and a path other times, so this\n    // has to survive both. A relative URL needs a base to parse against; the\n    // base is thrown away.\n    return new URL(event.pageUrl, 'https://x.invalid').pathname || null;\n  } catch {\n    return null;\n  }\n}\n\n/** What to CALL that page: its title, or a readable fall back to the path. */\nfunction nameOf(path: string, title: string | undefined): string {\n  if (title?.trim()) return title.trim();\n  return path === '/' ? 'the front page' : path;\n}\n\nexport function useLivePresence(enabled: boolean): Presence | null {\n  const { data, dataUpdatedAt } = useApiQuery(\n    ['home-live-presence'],\n    (slug) => analyticsApi.getRecentEvents(slug, LIMIT),\n    {\n      enabled,\n      /*\n       * `live`, not a cadence of its own. `useApiQuery` owns one number for\n       * every surface that re-reads itself — 30s, no polling while the tab is\n       * backgrounded, refetch on focus — and the note above it is explicit\n       * that a per-page `setInterval` is the thing to avoid. A presence line\n       * inventing 20 seconds because it feels more live is how a dashboard\n       * ends up with four opinions about what \"now\" means, and this codebase\n       * has already measured what that costs in requests.\n       *\n       * Refetch-on-focus matters more than the interval here: the merchant\n       * comes back to the tab and the first thing they see is current, rather\n       * than up to thirty seconds stale.\n       */\n      live: true,\n      // Silent on failure. This is a grace note on the home, and a hero that\n      // turns into an error message because a secondary read timed out is\n      // worse than one that says nothing.\n      retry: false,\n    },\n  );\n\n  return useMemo(() => {\n    if (!data) return null;\n    /*\n     * THE WINDOW IS MEASURED FROM THE FETCH, not from now.\n     *\n     * `Date.now()` here was impure-during-render — the lint rule is right, and\n     * it was also subtly wrong on its own terms. A render can happen at any\n     * moment after the payload arrived, so a component that re-rendered for an\n     * unrelated reason would recompute the same data against a later cutoff\n     * and quietly drop people who were still there. Anchoring to\n     * `dataUpdatedAt` makes the reading a pure function of the response, which\n     * is what it always was: these are the sessions that were live when the\n     * server answered.\n     */\n    const cutoff = dataUpdatedAt - WINDOW_MS;\n    const live = data.filter((e) => new Date(e.createdAt).getTime() >= cutoff);\n    if (!live.length) return { count: 0, capped: false, topPlace: null };\n\n    const sessions = new Set(live.map((e) => e.sessionId));\n\n    // Counting SESSIONS, then finding the busiest path across them. Not the\n    // most common path among events, which would let one person refreshing a\n    // page out-vote three people reading three others.\n    const perPath = new Map<string, { seen: Set<string>; name: string }>();\n    for (const e of live) {\n      const path = pathOf(e);\n      if (!path) continue;\n      const entry = perPath.get(path) ?? {\n        seen: new Set<string>(),\n        name: nameOf(path, e.pageTitle),\n      };\n      entry.seen.add(e.sessionId);\n      perPath.set(path, entry);\n    }\n    let topPlace: string | null = null;\n    let best = 0;\n    for (const entry of perPath.values()) {\n      if (entry.seen.size > best) {\n        best = entry.seen.size;\n        topPlace = entry.name;\n      }\n    }\n\n    return {\n      count: sessions.size,\n      // Every event we were given is inside the window, so the list was cut\n      // off by the limit rather than by time.\n      capped: data.length >= LIMIT && live.length === data.length,\n      // One session on a page is not \"where everyone is\". Said only when it\n      // describes at least two people, or when it is the only person there.\n      topPlace: best >= 2 || sessions.size === 1 ? topPlace : null,\n    };\n  }, [data, dataUpdatedAt]);\n}\n"],"mappings":";AAEA,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AA+B7B,MAAM,YAAY,IAAI,KAAK;AAU3B,MAAM,QAAQ;AA8Bd,SAAS,OAAO,OAAmC;AACjD,MAAI,CAAC,MAAM,QAAS,QAAO;AAC3B,MAAI;AAIF,WAAO,IAAI,IAAI,MAAM,SAAS,mBAAmB,EAAE,YAAY;AAAA,EACjE,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAGA,SAAS,OAAO,MAAc,OAAmC;AAC/D,MAAI,OAAO,KAAK,EAAG,QAAO,MAAM,KAAK;AACrC,SAAO,SAAS,MAAM,mBAAmB;AAC3C;AAEO,SAAS,gBAAgB,SAAmC;AACjE,QAAM,EAAE,MAAM,cAAc,IAAI;AAAA,IAC9B,CAAC,oBAAoB;AAAA,IACrB,CAAC,SAAS,aAAa,gBAAgB,MAAM,KAAK;AAAA,IAClD;AAAA,MACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAcA,MAAM;AAAA;AAAA;AAAA;AAAA,MAIN,OAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO,QAAQ,MAAM;AACnB,QAAI,CAAC,KAAM,QAAO;AAalB,UAAM,SAAS,gBAAgB;AAC/B,UAAM,OAAO,KAAK,OAAO,CAAC,MAAM,IAAI,KAAK,EAAE,SAAS,EAAE,QAAQ,KAAK,MAAM;AACzE,QAAI,CAAC,KAAK,OAAQ,QAAO,EAAE,OAAO,GAAG,QAAQ,OAAO,UAAU,KAAK;AAEnE,UAAM,WAAW,IAAI,IAAI,KAAK,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC;AAKrD,UAAM,UAAU,oBAAI,IAAiD;AACrE,eAAW,KAAK,MAAM;AACpB,YAAM,OAAO,OAAO,CAAC;AACrB,UAAI,CAAC,KAAM;AACX,YAAM,QAAQ,QAAQ,IAAI,IAAI,KAAK;AAAA,QACjC,MAAM,oBAAI,IAAY;AAAA,QACtB,MAAM,OAAO,MAAM,EAAE,SAAS;AAAA,MAChC;AACA,YAAM,KAAK,IAAI,EAAE,SAAS;AAC1B,cAAQ,IAAI,MAAM,KAAK;AAAA,IACzB;AACA,QAAI,WAA0B;AAC9B,QAAI,OAAO;AACX,eAAW,SAAS,QAAQ,OAAO,GAAG;AACpC,UAAI,MAAM,KAAK,OAAO,MAAM;AAC1B,eAAO,MAAM,KAAK;AAClB,mBAAW,MAAM;AAAA,MACnB;AAAA,IACF;AAEA,WAAO;AAAA,MACL,OAAO,SAAS;AAAA;AAAA;AAAA,MAGhB,QAAQ,KAAK,UAAU,SAAS,KAAK,WAAW,KAAK;AAAA;AAAA;AAAA,MAGrD,UAAU,QAAQ,KAAK,SAAS,SAAS,IAAI,WAAW;AAAA,IAC1D;AAAA,EACF,GAAG,CAAC,MAAM,aAAa,CAAC;AAC1B;","names":[]}

package/dist/dashboard/home/use-publish-site.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Opening the site: one field, and now one code path.
+ *
+ * Two surfaces ask for this — the arrival modal and the dashboard's
+ * site-is-not-open notice — and they are the same message at different moments.
+ * They must not drift, and neither should own the request: the home page
+ * already had a publish handler buried in its data hook, which the layout could
+ * not reach.
+ *
+ * Returns the same shape that handler did, so a caller can name the one refusal
+ * a merchant can act on. Publishing requires a verified email; passwordless
+ * accounts are verified by the login code itself, so this should be rare, but a
+ * generic failure would leave someone stuck with nothing to do about it.
+ */
+export declare function usePublishSite(): {
+    publish: (next: boolean) => Promise<{
+        error?: string;
+        needsVerification?: boolean;
+    }>;
+    publishing: boolean;
+};

package/dist/dashboard/home/use-publish-site.js

@@ -0,0 +1,35 @@
+"use client";
+import { useCallback, useState } from "react";
+import { tenantApi } from "@withpotter/lib/api/tenant";
+import { useAuth } from "@withpotter/lib/auth-context";
+function usePublishSite() {
+  const { tenant, refreshTenant } = useAuth();
+  const [publishing, setPublishing] = useState(false);
+  const publish = useCallback(
+    async (next) => {
+      if (!tenant?.slug) return {};
+      setPublishing(true);
+      try {
+        await tenantApi.update(tenant.slug, {
+          status: next ? "active" : "pending"
+        });
+        await refreshTenant();
+        return {};
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "Could not open your site";
+        return {
+          error: message,
+          needsVerification: /verif|email/i.test(message)
+        };
+      } finally {
+        setPublishing(false);
+      }
+    },
+    [tenant?.slug, refreshTenant]
+  );
+  return { publish, publishing };
+}
+export {
+  usePublishSite
+};
+//# sourceMappingURL=use-publish-site.js.map

package/dist/dashboard/home/use-publish-site.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/use-publish-site.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useState } from 'react';\nimport { tenantApi } from '@withpotter/lib/api/tenant';\nimport { useAuth } from '@withpotter/lib/auth-context';\n\n/**\n * Opening the site: one field, and now one code path.\n *\n * Two surfaces ask for this — the arrival modal and the dashboard's\n * site-is-not-open notice — and they are the same message at different moments.\n * They must not drift, and neither should own the request: the home page\n * already had a publish handler buried in its data hook, which the layout could\n * not reach.\n *\n * Returns the same shape that handler did, so a caller can name the one refusal\n * a merchant can act on. Publishing requires a verified email; passwordless\n * accounts are verified by the login code itself, so this should be rare, but a\n * generic failure would leave someone stuck with nothing to do about it.\n */\nexport function usePublishSite() {\n  const { tenant, refreshTenant } = useAuth();\n  const [publishing, setPublishing] = useState(false);\n\n  const publish = useCallback(\n    async (\n      next: boolean,\n    ): Promise<{ error?: string; needsVerification?: boolean }> => {\n      if (!tenant?.slug) return {};\n      setPublishing(true);\n      try {\n        await tenantApi.update(tenant.slug, {\n          status: next ? 'active' : 'pending',\n        });\n        await refreshTenant();\n        return {};\n      } catch (err) {\n        const message =\n          err instanceof Error ? err.message : 'Could not open your site';\n        return {\n          error: message,\n          needsVerification: /verif|email/i.test(message),\n        };\n      } finally {\n        setPublishing(false);\n      }\n    },\n    [tenant?.slug, refreshTenant],\n  );\n\n  return { publish, publishing };\n}\n"],"mappings":";AAEA,SAAS,aAAa,gBAAgB;AACtC,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AAgBjB,SAAS,iBAAiB;AAC/B,QAAM,EAAE,QAAQ,cAAc,IAAI,QAAQ;AAC1C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,UAAU;AAAA,IACd,OACE,SAC6D;AAC7D,UAAI,CAAC,QAAQ,KAAM,QAAO,CAAC;AAC3B,oBAAc,IAAI;AAClB,UAAI;AACF,cAAM,UAAU,OAAO,OAAO,MAAM;AAAA,UAClC,QAAQ,OAAO,WAAW;AAAA,QAC5B,CAAC;AACD,cAAM,cAAc;AACpB,eAAO,CAAC;AAAA,MACV,SAAS,KAAK;AACZ,cAAM,UACJ,eAAe,QAAQ,IAAI,UAAU;AACvC,eAAO;AAAA,UACL,OAAO;AAAA,UACP,mBAAmB,eAAe,KAAK,OAAO;AAAA,QAChD;AAAA,MACF,UAAE;AACA,sBAAc,KAAK;AAAA,MACrB;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,MAAM,aAAa;AAAA,EAC9B;AAEA,SAAO,EAAE,SAAS,WAAW;AAC/B;","names":[]}

package/dist/dashboard/home/use-recent-screens.d.ts

@@ -0,0 +1,12 @@
+export interface RecentScreen {
+    href: string;
+    label: string;
+}
+/**
+ * Records the current screen. Call ONCE, from the dashboard layout, above any
+ * branch — the layout renders a mobile tree and a desktop tree, and a recorder
+ * placed inside either one only ever sees half the app.
+ */
+export declare function useRecordRecentScreen(slug: string | undefined, pathname: string | undefined): void;
+/** Reads the list. Empty on the first visit, which the column handles. */
+export declare function useRecentScreens(slug: string | undefined): RecentScreen[];

package/dist/dashboard/home/use-recent-screens.js

@@ -0,0 +1,70 @@
+"use client";
+import { useEffect, useSyncExternalStore } from "react";
+import { useResumeLastScreen } from "@withpotter/hooks/use-resume-last-screen";
+const LIMIT = 5;
+const KEY = (slug) => `pb_recent_screens:${slug}`;
+const EMPTY = [];
+const cache = /* @__PURE__ */ new Map();
+const listeners = /* @__PURE__ */ new Set();
+function snapshot(slug) {
+  let hit = cache.get(slug);
+  if (!hit) {
+    hit = read(slug);
+    cache.set(slug, hit);
+  }
+  return hit;
+}
+function publish(slug, next) {
+  cache.set(slug, next);
+  listeners.forEach((l) => l());
+}
+function subscribe(onChange) {
+  listeners.add(onChange);
+  return () => listeners.delete(onChange);
+}
+function read(slug) {
+  try {
+    const raw = localStorage.getItem(KEY(slug));
+    if (!raw) return [];
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) return [];
+    return parsed.filter(
+      (r) => !!r && typeof r.href === "string" && typeof r.label === "string"
+    );
+  } catch {
+    return [];
+  }
+}
+function useRecordRecentScreen(slug, pathname) {
+  useResumeLastScreen(slug, pathname);
+  useEffect(() => {
+    if (!slug || !pathname) return;
+    if (pathname === "/dashboard") return;
+    const id = window.setTimeout(() => {
+      const label = (document.title || "").split("\xB7")[0].trim();
+      if (!label) return;
+      const next = [
+        { href: pathname, label },
+        ...read(slug).filter((r) => r.href !== pathname)
+      ].slice(0, LIMIT);
+      try {
+        localStorage.setItem(KEY(slug), JSON.stringify(next));
+      } catch {
+      }
+      publish(slug, next);
+    }, 120);
+    return () => window.clearTimeout(id);
+  }, [slug, pathname]);
+}
+function useRecentScreens(slug) {
+  return useSyncExternalStore(
+    subscribe,
+    () => slug ? snapshot(slug) : EMPTY,
+    () => EMPTY
+  );
+}
+export {
+  useRecentScreens,
+  useRecordRecentScreen
+};
+//# sourceMappingURL=use-recent-screens.js.map

package/dist/dashboard/home/use-recent-screens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/use-recent-screens.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useSyncExternalStore } from 'react';\nimport { useResumeLastScreen } from '@withpotter/hooks/use-resume-last-screen';\n\n/**\n * Where you have just been, per workspace.\n *\n * WHY IT EXISTS. The reference console's third column is Recents, and it is the\n * only genuinely personalised thing on that page: your resources and your create\n * affordances are the same every morning, but where you were yesterday is not.\n * Box had no equivalent, and \"the thing I was in the middle of\" is the most\n * common reason a merchant opens the dashboard at all.\n *\n * HOW THE LABEL IS RESOLVED. From `document.title`, not from a route table. Every\n * dashboard screen already names its own browser tab, and there is a test in\n * `tab-title-coverage.test.ts` that fails the build if one does not, so the title\n * is a guarantee this can lean on. A route table would have to be kept in step\n * with ~50 screens by hand and would silently rot; this cannot, because the thing\n * it reads is already enforced.\n *\n * Titles are `Screen · Business`, so the business half is dropped: the workspace\n * name on every row of a list of your own screens is noise.\n *\n * KEYED BY TENANT. Switching workspace must not show the other workspace's\n * screens, for the same reason the money snapshot is keyed by tenant.\n *\n * localStorage, deliberately. This is a convenience, not a record. It should not\n * cost a request, it should not sync, and losing it should cost nothing.\n */\n\nconst LIMIT = 5;\nconst KEY = (slug: string) => `pb_recent_screens:${slug}`;\n\nexport interface RecentScreen {\n  href: string;\n  label: string;\n}\n\n/**\n * A tiny store over localStorage, rather than state synced in an effect.\n *\n * Two things force this. `useSyncExternalStore` needs `getSnapshot` to return a\n * STABLE reference or it re-renders forever, so the parsed list is cached per\n * slug and only replaced when something is actually recorded. And a server\n * snapshot has to exist and be empty, because localStorage does not exist there\n * and returning a fresh array would fail hydration.\n *\n * The payoff beyond correctness: recording a screen now updates any mounted\n * reader, so the home does not show a stale list after a client navigation.\n */\nconst EMPTY: RecentScreen[] = [];\nconst cache = new Map<string, RecentScreen[]>();\nconst listeners = new Set<() => void>();\n\nfunction snapshot(slug: string): RecentScreen[] {\n  let hit = cache.get(slug);\n  if (!hit) {\n    hit = read(slug);\n    cache.set(slug, hit);\n  }\n  return hit;\n}\n\nfunction publish(slug: string, next: RecentScreen[]) {\n  cache.set(slug, next);\n  listeners.forEach((l) => l());\n}\n\nfunction subscribe(onChange: () => void) {\n  listeners.add(onChange);\n  return () => listeners.delete(onChange);\n}\n\nfunction read(slug: string): RecentScreen[] {\n  try {\n    const raw = localStorage.getItem(KEY(slug));\n    if (!raw) return [];\n    const parsed: unknown = JSON.parse(raw);\n    if (!Array.isArray(parsed)) return [];\n    return parsed.filter(\n      (r): r is RecentScreen =>\n        !!r &&\n        typeof (r as RecentScreen).href === 'string' &&\n        typeof (r as RecentScreen).label === 'string',\n    );\n  } catch {\n    // A corrupt or unavailable store must never take the home down with it.\n    return [];\n  }\n}\n\n/**\n * Records the current screen. Call ONCE, from the dashboard layout, above any\n * branch — the layout renders a mobile tree and a desktop tree, and a recorder\n * placed inside either one only ever sees half the app.\n */\nexport function useRecordRecentScreen(\n  slug: string | undefined,\n  pathname: string | undefined,\n) {\n  // Where you were is remembered here too: the installed app starts over at\n  // Home after the phone drops it, and this puts it back on that screen.\n  useResumeLastScreen(slug, pathname);\n\n  useEffect(() => {\n    if (!slug || !pathname) return;\n    // The home is where this list is READ. Listing it would push out a real\n    // destination on every visit and eventually fill the column with itself.\n    if (pathname === '/dashboard') return;\n\n    // The title is set by the screen, not by this effect, so it lands a tick\n    // late on a client transition. One frame is enough and costs nothing.\n    const id = window.setTimeout(() => {\n      const label = (document.title || '').split('·')[0].trim();\n      if (!label) return;\n\n      const next = [\n        { href: pathname, label },\n        ...read(slug).filter((r) => r.href !== pathname),\n      ].slice(0, LIMIT);\n\n      try {\n        localStorage.setItem(KEY(slug), JSON.stringify(next));\n      } catch {\n        // Private mode, or a full quota. Recents are not worth an error.\n      }\n      publish(slug, next);\n    }, 120);\n\n    return () => window.clearTimeout(id);\n  }, [slug, pathname]);\n}\n\n/** Reads the list. Empty on the first visit, which the column handles. */\nexport function useRecentScreens(slug: string | undefined): RecentScreen[] {\n  return useSyncExternalStore(\n    subscribe,\n    () => (slug ? snapshot(slug) : EMPTY),\n    () => EMPTY,\n  );\n}\n"],"mappings":";AAEA,SAAS,WAAW,4BAA4B;AAChD,SAAS,2BAA2B;AA4BpC,MAAM,QAAQ;AACd,MAAM,MAAM,CAAC,SAAiB,qBAAqB,IAAI;AAmBvD,MAAM,QAAwB,CAAC;AAC/B,MAAM,QAAQ,oBAAI,IAA4B;AAC9C,MAAM,YAAY,oBAAI,IAAgB;AAEtC,SAAS,SAAS,MAA8B;AAC9C,MAAI,MAAM,MAAM,IAAI,IAAI;AACxB,MAAI,CAAC,KAAK;AACR,UAAM,KAAK,IAAI;AACf,UAAM,IAAI,MAAM,GAAG;AAAA,EACrB;AACA,SAAO;AACT;AAEA,SAAS,QAAQ,MAAc,MAAsB;AACnD,QAAM,IAAI,MAAM,IAAI;AACpB,YAAU,QAAQ,CAAC,MAAM,EAAE,CAAC;AAC9B;AAEA,SAAS,UAAU,UAAsB;AACvC,YAAU,IAAI,QAAQ;AACtB,SAAO,MAAM,UAAU,OAAO,QAAQ;AACxC;AAEA,SAAS,KAAK,MAA8B;AAC1C,MAAI;AACF,UAAM,MAAM,aAAa,QAAQ,IAAI,IAAI,CAAC;AAC1C,QAAI,CAAC,IAAK,QAAO,CAAC;AAClB,UAAM,SAAkB,KAAK,MAAM,GAAG;AACtC,QAAI,CAAC,MAAM,QAAQ,MAAM,EAAG,QAAO,CAAC;AACpC,WAAO,OAAO;AAAA,MACZ,CAAC,MACC,CAAC,CAAC,KACF,OAAQ,EAAmB,SAAS,YACpC,OAAQ,EAAmB,UAAU;AAAA,IACzC;AAAA,EACF,QAAQ;AAEN,WAAO,CAAC;AAAA,EACV;AACF;AAOO,SAAS,sBACd,MACA,UACA;AAGA,sBAAoB,MAAM,QAAQ;AAElC,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ,CAAC,SAAU;AAGxB,QAAI,aAAa,aAAc;AAI/B,UAAM,KAAK,OAAO,WAAW,MAAM;AACjC,YAAM,SAAS,SAAS,SAAS,IAAI,MAAM,MAAG,EAAE,CAAC,EAAE,KAAK;AACxD,UAAI,CAAC,MAAO;AAEZ,YAAM,OAAO;AAAA,QACX,EAAE,MAAM,UAAU,MAAM;AAAA,QACxB,GAAG,KAAK,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,QAAQ;AAAA,MACjD,EAAE,MAAM,GAAG,KAAK;AAEhB,UAAI;AACF,qBAAa,QAAQ,IAAI,IAAI,GAAG,KAAK,UAAU,IAAI,CAAC;AAAA,MACtD,QAAQ;AAAA,MAER;AACA,cAAQ,MAAM,IAAI;AAAA,IACpB,GAAG,GAAG;AAEN,WAAO,MAAM,OAAO,aAAa,EAAE;AAAA,EACrC,GAAG,CAAC,MAAM,QAAQ,CAAC;AACrB;AAGO,SAAS,iBAAiB,MAA0C;AACzE,SAAO;AAAA,IACL;AAAA,IACA,MAAO,OAAO,SAAS,IAAI,IAAI;AAAA,IAC/B,MAAM;AAAA,EACR;AACF;","names":[]}

package/dist/dashboard/home/widgets/activity-card.d.ts

@@ -0,0 +1,20 @@
+import type { ActivityItem } from '@withpotter/components/dashboard/activity-feed';
+import type { NextUpItem } from '../next-up-sources';
+/**
+ * The Activity card, plus the dialog its blockers open.
+ *
+ * The dialog lives HERE rather than on the home page for two reasons. The page
+ * is at the 500-line limit and this is not the concern to spend the last lines
+ * on; more importantly the blocker button is the only thing that opens it, and
+ * a dialog mounted three files away from its single trigger is how a surface
+ * ends up with no importers at all — which is exactly what happened to this one
+ * on the first pass.
+ *
+ * `ActivityWidget` stays a pure renderer. It is handed a callback and knows
+ * nothing about readiness, tenants or what a shipping zone is.
+ */
+export declare function ActivityCard({ items, blockers, limit, }: {
+    items: ActivityItem[];
+    blockers: NextUpItem[];
+    limit: number;
+}): import("react").JSX.Element;

package/dist/dashboard/home/widgets/activity-card.js

@@ -0,0 +1,41 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { ActivityWidget } from "./activity-widget";
+import { GoLiveChecksDialog } from "@withpotter/components/dashboard/go-live-checks-dialog";
+import { useStorefrontReadiness } from "@withpotter/pages-core/dashboard/_hooks/use-storefront-readiness";
+function ActivityCard({
+  items,
+  blockers,
+  limit
+}) {
+  const { tenant } = useAuth();
+  const [open, setOpen] = useState(false);
+  const { readiness, recheck } = useStorefrontReadiness();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ActivityWidget,
+      {
+        items,
+        blockers,
+        limit,
+        onFixBlocker: () => setOpen(true)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      GoLiveChecksDialog,
+      {
+        open,
+        onOpenChange: setOpen,
+        readiness,
+        tenantSlug: tenant?.slug ?? "",
+        onFixed: recheck
+      }
+    )
+  ] });
+}
+export {
+  ActivityCard
+};
+//# sourceMappingURL=activity-card.js.map

package/dist/dashboard/home/widgets/activity-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/dashboard/home/widgets/activity-card.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { ActivityWidget } from './activity-widget';\nimport { GoLiveChecksDialog } from '@withpotter/components/dashboard/go-live-checks-dialog';\nimport { useStorefrontReadiness } from '@withpotter/pages-core/dashboard/_hooks/use-storefront-readiness';\nimport type { ActivityItem } from '@withpotter/components/dashboard/activity-feed';\nimport type { NextUpItem } from '../next-up-sources';\n\n/**\n * The Activity card, plus the dialog its blockers open.\n *\n * The dialog lives HERE rather than on the home page for two reasons. The page\n * is at the 500-line limit and this is not the concern to spend the last lines\n * on; more importantly the blocker button is the only thing that opens it, and\n * a dialog mounted three files away from its single trigger is how a surface\n * ends up with no importers at all — which is exactly what happened to this one\n * on the first pass.\n *\n * `ActivityWidget` stays a pure renderer. It is handed a callback and knows\n * nothing about readiness, tenants or what a shipping zone is.\n */\nexport function ActivityCard({\n  items,\n  blockers,\n  limit,\n}: {\n  items: ActivityItem[];\n  blockers: NextUpItem[];\n  limit: number;\n}) {\n  const { tenant } = useAuth();\n  const [open, setOpen] = useState(false);\n  const { readiness, recheck } = useStorefrontReadiness();\n\n  return (\n    <>\n      <ActivityWidget\n        items={items}\n        blockers={blockers}\n        limit={limit}\n        onFixBlocker={() => setOpen(true)}\n      />\n\n      {/* Kept mounted and passed `open`, so the exit animation runs instead of\n          the panel being ripped out of the tree the moment it closes. */}\n      <GoLiveChecksDialog\n        open={open}\n        onOpenChange={setOpen}\n        readiness={readiness}\n        tenantSlug={tenant?.slug ?? ''}\n        onFixed={recheck}\n      />\n    </>\n  );\n}\n"],"mappings":";AAqCI,mBACE,KADF;AAnCJ,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AAiBhC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,EAAE,OAAO,IAAI,QAAQ;AAC3B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,EAAE,WAAW,QAAQ,IAAI,uBAAuB;AAEtD,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc,MAAM,QAAQ,IAAI;AAAA;AAAA,IAClC;AAAA,IAIA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,cAAc;AAAA,QACd;AAAA,QACA,YAAY,QAAQ,QAAQ;AAAA,QAC5B,SAAS;AAAA;AAAA,IACX;AAAA,KACF;AAEJ;","names":[]}

package/dist/dashboard/home/widgets/activity-widget.d.ts

@@ -0,0 +1,15 @@
+import type { ActivityItem } from '@withpotter/components/dashboard/activity-feed';
+import type { NextUpItem } from '../next-up-sources';
+export declare function ActivityWidget({ items, blockers, limit, onFixBlocker, }: {
+    items: ActivityItem[];
+    /** Things stopping money. Pinned above the timeline; never sorted into it. */
+    blockers?: NextUpItem[];
+    /** Narrow cards hold fewer rows than wide ones. */
+    limit: number;
+    /**
+     * Opens the go-live checks. Undefined on a surface that cannot host the
+     * dialog, in which case every blocker falls back to its own href — which is
+     * a real settings screen, not a dead end.
+     */
+    onFixBlocker?: () => void;
+}): import("react").JSX.Element;

package/dist/dashboard/home/widgets/activity-widget.js

@@ -0,0 +1,172 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import {
+  Package,
+  PencilLine,
+  ShoppingBag,
+  CircleCheck,
+  UserPlus,
+  UserCheck,
+  RefreshCw,
+  Receipt,
+  Send
+} from "lucide-react";
+import { Button } from "@withpotter/ui-kit";
+import { Panel, PanelEmpty } from "../panel";
+import { Badge } from "@withpotter/ui-kit";
+const MARK = {
+  product_added: { icon: Package },
+  product_updated: { icon: PencilLine },
+  order_placed: { icon: ShoppingBag },
+  order_completed: { icon: CircleCheck, money: true },
+  member_signup: { icon: UserPlus },
+  member_converted: { icon: UserCheck },
+  subscription_created: { icon: RefreshCw, money: true },
+  invoice_paid: { icon: Receipt, money: true },
+  invoice_sent: { icon: Send }
+};
+function dayLabel(iso) {
+  const d = new Date(iso);
+  const today = /* @__PURE__ */ new Date();
+  const startOf = (x) => new Date(x.getFullYear(), x.getMonth(), x.getDate()).getTime();
+  const days = Math.round((startOf(today) - startOf(d)) / 864e5);
+  if (days <= 0) return "Today";
+  if (days === 1) return "Yesterday";
+  if (days < 7) return d.toLocaleDateString(void 0, { weekday: "long" });
+  return d.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+}
+function timeLabel(iso) {
+  return new Date(iso).toLocaleTimeString(void 0, {
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+function overdueLabel(item) {
+  if (!item.overdue || !item.at) return null;
+  const days = Math.floor(
+    (Date.now() - new Date(item.at).getTime()) / 864e5
+  );
+  if (days < 1) return "due today";
+  return `${days}d overdue`;
+}
+const FIXABLE_IN_PLACE = /* @__PURE__ */ new Set(["alert-delivery", "alert-payouts"]);
+function ActivityWidget({
+  items,
+  blockers = [],
+  limit,
+  onFixBlocker
+}) {
+  const blocked = blockers.slice(0, 2);
+  const shown = items.slice(0, Math.max(1, limit - blocked.length));
+  const blockedBlock = blocked.length > 0 && /* @__PURE__ */ jsx("ul", { className: "mb-3 space-y-2 border-b border-[var(--border-subtle)] pb-3", children: blocked.map((b, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-start justify-between gap-3", children: [
+    /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-sm font-medium text-[var(--text-primary)]", children: b.title }),
+        b.required && /* @__PURE__ */ jsx(Badge, { variant: "error", className: "shrink-0", children: "Required" }),
+        overdueLabel(b) && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-2xs font-medium tabular-nums text-[var(--error)]", children: overdueLabel(b) })
+      ] }),
+      b.meta && /* @__PURE__ */ jsx("span", { className: "block truncate text-sm text-[var(--text-tertiary)]", children: b.meta })
+    ] }),
+    onFixBlocker && FIXABLE_IN_PLACE.has(b.id) ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        variant: i === 0 ? "primary" : "secondary",
+        className: "shrink-0",
+        onClick: onFixBlocker,
+        children: b.action ?? "Fix"
+      }
+    ) : /* @__PURE__ */ jsx(
+      Button,
+      {
+        asChild: true,
+        size: "sm",
+        variant: i === 0 ? "primary" : "secondary",
+        className: "shrink-0",
+        children: /* @__PURE__ */ jsx(Link, { href: b.href, children: b.action ?? "Fix" })
+      }
+    )
+  ] }, b.id)) });
+  if (shown.length === 0 || items.length === 0) {
+    return /* @__PURE__ */ jsxs(Panel, { title: "Recent activity", children: [
+      blockedBlock,
+      /* @__PURE__ */ jsx(
+        PanelEmpty,
+        {
+          title: "Nothing has happened yet",
+          description: "Orders, payments and new customers will appear here as they come in."
+        }
+      )
+    ] });
+  }
+  const rows = shown.map((item, i) => {
+    const day = dayLabel(item.timestamp);
+    return {
+      item,
+      day,
+      showDay: i === 0 || day !== dayLabel(shown[i - 1].timestamp),
+      last: i === shown.length - 1
+    };
+  });
+  return /* @__PURE__ */ jsxs(
+    Panel,
+    {
+      title: "Recent activity",
+      bodyClassName: "overflow-y-auto pt-1 pb-5 [-webkit-mask-image:linear-gradient(to_bottom,#000_calc(100%_-_20px),transparent)] [mask-image:linear-gradient(to_bottom,#000_calc(100%_-_20px),transparent)]",
+      children: [
+        blockedBlock,
+        /* @__PURE__ */ jsx("ol", { className: "relative", children: rows.map(({ item: a, day, showDay: newDay, last }) => {
+          const { icon: Icon, money } = MARK[a.type] ?? MARK.order_placed;
+          const row = /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "relative flex w-5 shrink-0 justify-center", children: [
+              !last && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": true,
+                  className: "absolute left-1/2 top-5 h-[calc(100%-8px)] w-px -translate-x-1/2 bg-[var(--border-subtle)]"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": true,
+                  className: `relative z-10 mt-1 grid h-5 w-5 place-items-center rounded-full ${money ? "bg-[var(--success-bg,var(--bg-muted))] text-[var(--success)]" : "bg-[var(--bg-muted)] text-[var(--text-tertiary)]"}`,
+                  children: /* @__PURE__ */ jsx(Icon, { className: "h-[11px] w-[11px]", strokeWidth: 2 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 pb-3", children: [
+              /* @__PURE__ */ jsxs("p", { className: "flex items-baseline justify-between gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: `min-w-0 truncate text-sm ${a.unpaid ? "text-[var(--text-tertiary)]" : "font-medium text-[var(--text-primary)]"}`,
+                    children: a.title
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "shrink-0 text-2xs tabular-nums text-[var(--text-muted)]", children: timeLabel(a.timestamp) })
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "truncate text-sm text-[var(--text-tertiary)]", children: a.description })
+            ] })
+          ] });
+          return /* @__PURE__ */ jsxs("li", { children: [
+            newDay && /* @__PURE__ */ jsx("p", { className: "pb-2 pt-1 text-2xs font-medium uppercase tracking-wide text-[var(--text-muted)] first:pt-0", children: day }),
+            a.href ? /* @__PURE__ */ jsx(
+              Link,
+              {
+                href: a.href,
+                className: "-mx-2 block rounded-lg px-2 transition-colors hover:bg-[var(--interactive-hover)]",
+                children: row
+              }
+            ) : /* @__PURE__ */ jsx("div", { className: "-mx-2 px-2", children: row })
+          ] }, a.id);
+        }) })
+      ]
+    }
+  );
+}
+export {
+  ActivityWidget
+};
+//# sourceMappingURL=activity-widget.js.map

package/dist/dashboard/home/widgets/activity-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/dashboard/home/widgets/activity-widget.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport {\n  Package,\n  PencilLine,\n  ShoppingBag,\n  CircleCheck,\n  UserPlus,\n  UserCheck,\n  RefreshCw,\n  Receipt,\n  Send,\n  type LucideIcon,\n} from 'lucide-react';\nimport type { ActivityItem } from '@withpotter/components/dashboard/activity-feed';\nimport type { NextUpItem } from '../next-up-sources';\nimport { Button } from '@withpotter/ui-kit';\nimport { Panel, PanelEmpty } from '../panel';\nimport { Badge } from '@withpotter/ui-kit';\n\n/**\n * What has happened, as a timeline.\n *\n * WHY IT EXISTS ALONGSIDE \"Today\". Those two cards answer different questions\n * and the home needs both: Today is what is WAITING on you, Activity is what\n * already went. Merging them was tried and is the mistake this replaces — a\n * single list with now as the pivot puts \"Tuesday 22:00, Tunde Ogunleye\" and\n * \"invoice paid 20 minutes ago\" in one column under one heading, so the reader\n * has to check each row's tense before they know whether it is a task.\n *\n * WHAT MAKES IT A TIMELINE RATHER THAN A LIST, and this is the depth the old\n * feed never had:\n *\n *   A RAIL. A hairline runs behind the icon column and stops at the last node,\n *   so the rows read as one sequence rather than as five unrelated rows that\n *   happen to be stacked. It is the cheapest possible signal that these are\n *   ordered in time and it is the one every activity feed worth copying has.\n *\n *   TYPED, COLOURED NODES. `ActivityItem.type` already carries nine kinds and\n *   nothing rendered them — the desktop feed dropped the emoji and drew\n *   nothing in its place. Money is green, because money arriving is the one\n *   event on this list a merchant scans for; everything else is neutral, so the\n *   green means something. Colour that appears on every row means nothing.\n *\n *   DAY HEADINGS. Cloudflare's Recents and Square's Tasks both fail here —\n *   \"3d ago\" on row four with no break above it makes a five-row list look\n *   like five things that happened this morning. A heading per day is what\n *   turns a stack of timestamps into a history.\n *\n * The rows are links where the object still exists and plain rows where it does\n * not, rather than every row being a link to somewhere approximate.\n *\n * BLOCKERS RIDE ON TOP, and they have to, because this card replaced Today on\n * the default board and Today was carrying them. Losing them would have made\n * the home stop answering the second half of its own question — \"what do I do\n * next, AND is anything wrong?\" — which is the half a merchant cannot find\n * anywhere else.\n *\n * They are Square's ranked task rows: a title, one line of CONSEQUENCE, and a\n * real button with a verb on it. `NextUpItem` already carries all three\n * (`title`, `meta`, `action`), and the treatment is deliberately unlike the\n * timeline below — a blocker is not something that happened, it is something\n * that is still happening to you. Only the first gets a primary button, as on\n * Square: two primaries side by side is two things that are both the most\n * important thing.\n */\n\n/**\n * Nine kinds, nine marks. `emoji` is on the type and is deliberately not used:\n * it exists for the mobile feed, and an emoji at 13px in a dense column reads\n * as a smudge rather than as a symbol.\n */\nconst MARK: Record<\n  ActivityItem['type'],\n  { icon: LucideIcon; money?: boolean }\n> = {\n  product_added: { icon: Package },\n  product_updated: { icon: PencilLine },\n  order_placed: { icon: ShoppingBag },\n  order_completed: { icon: CircleCheck, money: true },\n  member_signup: { icon: UserPlus },\n  member_converted: { icon: UserCheck },\n  subscription_created: { icon: RefreshCw, money: true },\n  invoice_paid: { icon: Receipt, money: true },\n  invoice_sent: { icon: Send },\n};\n\n/**\n * Which day a timestamp belongs to, in the reader's own words.\n *\n * Deliberately only three answers. \"Wednesday\" for something eight days old is\n * a puzzle, not a heading — past a week the date is the only honest label.\n */\nfunction dayLabel(iso: string): string {\n  const d = new Date(iso);\n  const today = new Date();\n  const startOf = (x: Date) =>\n    new Date(x.getFullYear(), x.getMonth(), x.getDate()).getTime();\n  const days = Math.round((startOf(today) - startOf(d)) / 86_400_000);\n  if (days <= 0) return 'Today';\n  if (days === 1) return 'Yesterday';\n  if (days < 7) return d.toLocaleDateString(undefined, { weekday: 'long' });\n  return d.toLocaleDateString(undefined, { month: 'short', day: 'numeric' });\n}\n\nfunction timeLabel(iso: string): string {\n  return new Date(iso).toLocaleTimeString(undefined, {\n    hour: 'numeric',\n    minute: '2-digit',\n  });\n}\n\n/**\n * How overdue something is, in whole days, or null when it has no clock.\n *\n * Only for items carrying a real `at`. A blocker like \"set up payouts\" has no\n * due date and never gets a countdown — Square can say \"2 days until offline\n * payments are automatically allowed\" because a real policy deadline exists\n * behind it, and manufacturing an equivalent here would be inventing urgency.\n */\nfunction overdueLabel(item: NextUpItem): string | null {\n  if (!item.overdue || !item.at) return null;\n  const days = Math.floor(\n    (Date.now() - new Date(item.at).getTime()) / 86_400_000,\n  );\n  if (days < 1) return 'due today';\n  return `${days}d overdue`;\n}\n\n/**\n * The blockers the go-live dialog can actually resolve.\n *\n * Both are \"your store cannot sell\", and both are fixable in two or three\n * fields without leaving the page — so they open the dialog rather than\n * navigating to a settings screen. Anything else keeps its link.\n */\nconst FIXABLE_IN_PLACE = new Set(['alert-delivery', 'alert-payouts']);\n\nexport function ActivityWidget({\n  items,\n  blockers = [],\n  limit,\n  onFixBlocker,\n}: {\n  items: ActivityItem[];\n  /** Things stopping money. Pinned above the timeline; never sorted into it. */\n  blockers?: NextUpItem[];\n  /** Narrow cards hold fewer rows than wide ones. */\n  limit: number;\n  /**\n   * Opens the go-live checks. Undefined on a surface that cannot host the\n   * dialog, in which case every blocker falls back to its own href — which is\n   * a real settings screen, not a dead end.\n   */\n  onFixBlocker?: () => void;\n}) {\n  // Two at most. A card that opens with four chores is a to-do list wearing a\n  // history's title, and the rest are still on the screens that own them.\n  const blocked = blockers.slice(0, 2);\n  // Blockers eat rows: the card is a fixed height and cannot grow to fit both.\n  const shown = items.slice(0, Math.max(1, limit - blocked.length));\n\n  const blockedBlock = blocked.length > 0 && (\n    <ul className=\"mb-3 space-y-2 border-b border-[var(--border-subtle)] pb-3\">\n      {blocked.map((b, i) => (\n        <li key={b.id} className=\"flex items-start justify-between gap-3\">\n          <span className=\"min-w-0\">\n            <span className=\"flex items-center gap-2\">\n              <span className=\"min-w-0 truncate text-sm font-medium text-[var(--text-primary)]\">\n                {b.title}\n              </span>\n              {/* SQUARE'S `Required` PILL, and the flag was already on the data.\n                  `NextUpItem.required` has been set on the payouts blocker all\n                  along and nothing has ever rendered it, so the one task that\n                  genuinely stops money read exactly like the one that does not.\n                  A blocker list where every row looks equally urgent is a list\n                  with no ranking, whatever order it is sorted in. */}\n              {b.required && (\n                <Badge variant=\"error\" className=\"shrink-0\">\n                  Required\n                </Badge>\n              )}\n              {/* HOW LONG, where the clock is real. Square's tasks carry a\n                  deadline — \"2 days until offline payments are automatically\n                  allowed\" — and ours carried none. The honest half of that is\n                  elapsed time on items that HAVE a date: an invoice knows when\n                  it was due. Blockers have no date and are given no countdown,\n                  because inventing one would be the fabrication this avoids. */}\n              {overdueLabel(b) && (\n                <span className=\"shrink-0 text-2xs font-medium tabular-nums text-[var(--error)]\">\n                  {overdueLabel(b)}\n                </span>\n              )}\n            </span>\n            {b.meta && (\n              <span className=\"block truncate text-sm text-[var(--text-tertiary)]\">\n                {b.meta}\n              </span>\n            )}\n          </span>\n          {onFixBlocker && FIXABLE_IN_PLACE.has(b.id) ? (\n            <Button\n              size=\"sm\"\n              variant={i === 0 ? 'primary' : 'secondary'}\n              className=\"shrink-0\"\n              onClick={onFixBlocker}\n            >\n              {b.action ?? 'Fix'}\n            </Button>\n          ) : (\n            <Button\n              asChild\n              size=\"sm\"\n              variant={i === 0 ? 'primary' : 'secondary'}\n              className=\"shrink-0\"\n            >\n              <Link href={b.href}>{b.action ?? 'Fix'}</Link>\n            </Button>\n          )}\n        </li>\n      ))}\n    </ul>\n  );\n\n  if (shown.length === 0 || items.length === 0) {\n    return (\n      <Panel title=\"Recent activity\">\n        {blockedBlock}\n        <PanelEmpty\n          title=\"Nothing has happened yet\"\n          description=\"Orders, payments and new customers will appear here as they come in.\"\n        />\n      </Panel>\n    );\n  }\n\n  /**\n   * Day headings resolved BEFORE the JSX, by comparing each row to the one\n   * above it, rather than by carrying a `lastDay` variable through the map.\n   * A mutable binding written inside a render callback is exactly what the\n   * immutability rule exists to catch: it survives across renders and makes\n   * the output depend on how many times the list has been walked.\n   */\n  const rows = shown.map((item, i) => {\n    const day = dayLabel(item.timestamp);\n    return {\n      item,\n      day,\n      showDay: i === 0 || day !== dayLabel(shown[i - 1].timestamp),\n      last: i === shown.length - 1,\n    };\n  });\n\n  return (\n    <Panel\n      title=\"Recent activity\"\n      /* The card scrolls. A row cut off at its edge looked like a mistake, so the last 20px fades\n         out and the card has that much empty padding: with every row in view the fade falls on\n         nothing, and with more below, the half row dissolves instead of ending mid-sentence. */\n      bodyClassName=\"overflow-y-auto pt-1 pb-5 [-webkit-mask-image:linear-gradient(to_bottom,#000_calc(100%_-_20px),transparent)] [mask-image:linear-gradient(to_bottom,#000_calc(100%_-_20px),transparent)]\"\n    >\n      {blockedBlock}\n      <ol className=\"relative\">\n        {rows.map(({ item: a, day, showDay: newDay, last }) => {\n          const { icon: Icon, money } = MARK[a.type] ?? MARK.order_placed;\n\n          const row = (\n            <div className=\"flex gap-3\">\n              {/* The rail and the node. The line is drawn by the node's own\n                  ::before via a sibling span rather than as a border on the\n                  row, so it can stop at the last item instead of running into\n                  the card's bottom padding and looking cut off. */}\n              <div className=\"relative flex w-5 shrink-0 justify-center\">\n                {!last && (\n                  <span\n                    aria-hidden\n                    className=\"absolute left-1/2 top-5 h-[calc(100%-8px)] w-px -translate-x-1/2 bg-[var(--border-subtle)]\"\n                  />\n                )}\n                <span\n                  aria-hidden\n                  className={`relative z-10 mt-1 grid h-5 w-5 place-items-center rounded-full ${\n                    money\n                      ? 'bg-[var(--success-bg,var(--bg-muted))] text-[var(--success)]'\n                      : 'bg-[var(--bg-muted)] text-[var(--text-tertiary)]'\n                  }`}\n                >\n                  <Icon className=\"h-[11px] w-[11px]\" strokeWidth={2} />\n                </span>\n              </div>\n\n              <div className=\"min-w-0 flex-1 pb-3\">\n                <p className=\"flex items-baseline justify-between gap-2\">\n                  <span\n                    className={`min-w-0 truncate text-sm ${\n                      a.unpaid\n                        ? 'text-[var(--text-tertiary)]'\n                        : 'font-medium text-[var(--text-primary)]'\n                    }`}\n                  >\n                    {a.title}\n                  </span>\n                  <span className=\"shrink-0 text-2xs tabular-nums text-[var(--text-muted)]\">\n                    {timeLabel(a.timestamp)}\n                  </span>\n                </p>\n                <p className=\"truncate text-sm text-[var(--text-tertiary)]\">\n                  {a.description}\n                </p>\n              </div>\n            </div>\n          );\n\n          return (\n            <li key={a.id}>\n              {newDay && (\n                <p className=\"pb-2 pt-1 text-2xs font-medium uppercase tracking-wide text-[var(--text-muted)] first:pt-0\">\n                  {day}\n                </p>\n              )}\n              {a.href ? (\n                <Link\n                  href={a.href}\n                  className=\"-mx-2 block rounded-lg px-2 transition-colors hover:bg-[var(--interactive-hover)]\"\n                >\n                  {row}\n                </Link>\n              ) : (\n                <div className=\"-mx-2 px-2\">{row}</div>\n              )}\n            </li>\n          );\n        })}\n      </ol>\n    </Panel>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/home/widgets/bill-widget.d.ts

@@ -0,0 +1,25 @@
+/**
+ * What Box costs this period, and when it lands.
+ *
+ * THE ONE BILL ON THIS PAGE THE MERCHANT PAYS. Every other money card here is
+ * money coming IN — revenue is what arrived, "Money owed" is what has not
+ * arrived yet. This is the other direction, and it was reachable only by
+ * opening Settings, then Billing, which is three clicks from a screen whose
+ * whole job is "is anything wrong".
+ *
+ * It passes the analytics rule — a number ships only if it can change what
+ * someone does — on the DATE rather than on the figure. "You will be charged
+ * ₦16,000" is history you cannot act on; "in 2 days" is a deadline, and the
+ * two states that need a human are both here: a plan that is ending, and no
+ * plan at all.
+ *
+ * TWO REQUESTS, NOT THREE. Whether a card is saved is the other thing worth
+ * shouting about, and it costs a third call on a page this codebase has
+ * already measured into a rate limiter. The subscription's own status says
+ * enough — a bill that cannot be charged does not stay `active` for long — and
+ * the card is one click away on the screen this points at.
+ *
+ * The query keys are Billing's own, so opening the home warms that page and
+ * arriving there from here shows the same figures without a second fetch.
+ */
+export declare function BillWidget(): import("react").JSX.Element;