@withpotter/components 0.13.0-next.101

package/dist/dashboard/home/widgets/registry.js

@@ -0,0 +1,392 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { RevenueWidget } from "./money-widgets";
+import { ActivityCard } from "./activity-card";
+import { SetupWidget } from "./setup-widget";
+import { HardwareWidget } from "./hardware-widget";
+import { TeamWidget } from "./team-widget";
+import { CreditsWidget } from "./credits-widget";
+import { ReferralWidget } from "./referral-widget";
+import { RegularsWidget } from "./regulars-widget";
+import { OwedWidget } from "./owed-widget";
+import { BillWidget } from "./bill-widget";
+import { WebsiteWidget } from "./website-widget";
+import { isSettled, orderSteps } from "./setup-steps";
+import { ThemeMiniature, Pointer } from "./widget-art";
+import { hostWidget, hostWidgets } from "./host-widgets";
+import { registerHostWidget, hostWidgets as hostWidgets2 } from "./host-widgets";
+const WIDGETS = {
+  /**
+   * Money, as three widgets rather than one block.
+   *
+   * It was a single `lg`-only "Performance" panel, which left the `sm` and `md`
+   * classes with almost nothing to offer and made the gallery look like a
+   * feature with one item in it. Split, a merchant can put revenue large and
+   * average order small, or drop the count entirely — which is the actual point
+   * of a board.
+   *
+   * All three read ONE fetch and ONE window from `MoneyBoardProvider`. The
+   * window is shared on purpose: revenue over thirty days beside a count over
+   * seven is two true figures making one false impression.
+   */
+  revenue: {
+    id: "revenue",
+    name: "Revenue",
+    description: "What came in, and how it moved.",
+    sizes: ["wide", "narrow"],
+    defaultSize: "wide",
+    // Money is the one part of this page that is not merely extra detail for
+    // the wrong person; it is the part they were deliberately not given.
+    available: (ctx) => ctx.canSeeEarnings,
+    /**
+     * The last of the old "Finish setting up" cards, put where its result will
+     * appear.
+     *
+     * This is the whole argument for empty states over a setup rail, and this
+     * card is the clearest case of it: a business with no payout account
+     * cannot be paid, so a revenue chart over it is a chart of zero drawn with
+     * confidence. The card that tells you to connect an account IS the card
+     * that will show the money once you have — which no separate rail can ever
+     * say, because a rail disappears at exactly the moment it would have
+     * become useful.
+     *
+     * NO DRAWING. This card carried a miniature of a payout landing in a bank,
+     * with an amount and the last four digits of an account on it. Neither was
+     * the merchant's: on a screen about their money, a figure that is not
+     * theirs reads as theirs. The card is its sentence and its button.
+     */
+    covers: () => ["/dashboard/payments"],
+    empty: (ctx) => ctx.hasPayments && ctx.needsIdentity ? {
+      kind: "action",
+      title: "Get paid",
+      body: "Your bank account is connected. Verify who you are and payouts can start.",
+      action: "Verify identity",
+      href: "/dashboard/payments/payouts"
+    } : ctx.hasPayments ? null : {
+      kind: "action",
+      title: "Take payments",
+      body: "Connect a payout account so customers can pay you.",
+      action: "Set up payments",
+      href: "/dashboard/payments"
+    },
+    render: (_ctx, size) => /* @__PURE__ */ jsx(RevenueWidget, { size })
+  },
+  website: {
+    id: "website",
+    name: "Website",
+    description: "Your storefront, and where it lives.",
+    sizes: ["wide", "narrow"],
+    defaultSize: "narrow",
+    available: () => true,
+    empty: (ctx) => (
+      // A shut site outranks both prompts below it: design and a domain are
+      // improvements to something nobody can reach yet. When it is shut the
+      // card renders itself — the preview, with "Not open yet" under the name.
+      // It no longer carries a publish control (John, 2026-08-25); opening the
+      // site is done from the Website hub the preview links into.
+      !ctx.isSiteOpen ? null : !ctx.hasDesignedSite ? {
+        kind: "action",
+        title: "Design your site",
+        body: "Pick a look that fits your brand, then make it yours.",
+        action: "Customize",
+        // The Website hub, not the editor: "design your site" is an
+        // invitation to look at it, and the hub is where templates, domains
+        // and pages hang off. Dropping someone into the canvas skips the
+        // choice they came to make.
+        href: "/dashboard/business",
+        art: /* @__PURE__ */ jsx(ThemeMiniature, {})
+      } : !ctx.storefrontUrl ? {
+        kind: "action",
+        title: "Get a domain",
+        body: "A branded URL that\u2019s easy to find, trust, and remember.",
+        action: "Add domain",
+        href: "/dashboard/business/domains",
+        art: /* @__PURE__ */ jsx(Pointer, { className: "h-[44px] w-[44px] drop-shadow-md" })
+      } : null
+    ),
+    render: (ctx) => /* @__PURE__ */ jsx(
+      WebsiteWidget,
+      {
+        storefrontUrl: ctx.storefrontUrl,
+        hasCustomDomain: ctx.hasCustomDomain,
+        siteImage: ctx.siteImage,
+        businessName: ctx.businessName
+      }
+    )
+  },
+  /**
+   * REGULARS WHO HAVE GONE QUIET — the marketing card, and the third attempt.
+   *
+   * A campaign card wanted send and schedule endpoints that do not exist. An
+   * attribution card rendered "Direct · 100%", a non-answer dressed as a
+   * finding. This one cannot degrade that way: it names PEOPLE, and every
+   * business that has sold twice to anyone has some.
+   *
+   * Winning a repeat customer back costs a fraction of finding a new one, and
+   * for a business trading over WhatsApp the whole campaign is one message to
+   * one person who already likes you.
+   */
+  regulars: {
+    id: "regulars",
+    name: "Gone quiet",
+    description: "Repeat customers who have stopped ordering.",
+    sizes: ["narrow"],
+    defaultSize: "narrow",
+    // Only once somebody HAS gone quiet. With nobody to name, the card held a
+    // drawing of a customer and "72d ago" for a person who does not exist, on
+    // a board that is meant to say only what is true of this business. Unknown
+    // counts as nobody, so a list that is loading or failed draws no card.
+    available: (ctx) => ctx.hasQuietRegulars === true,
+    covers: () => ["/dashboard/customers"],
+    render: () => /* @__PURE__ */ jsx(RegularsWidget, {})
+  },
+  /**
+   * WHO IS IN THE BUSINESS.
+   *
+   * Moved out of the page header and onto the board, swapping places with the
+   * "Add widget" tile — the faces are content you look at and click into, which
+   * is what a card is for, and adding a widget is a control, which is what a
+   * header is for.
+   */
+  /**
+   * WHAT IS WRONG WITH THE MACHINES.
+   *
+   * A till that has stopped reporting, and a drawer that did not balance.
+   * Never a count of devices or a total of takings: home answers "is anything
+   * wrong", and "you own four tills" is not an answer to that.
+   *
+   * Available only once the business owns hardware. A card that spends its life
+   * saying "no devices" teaches people to skip it, and Hardware's own empty
+   * state is where somebody finds out they can have a till.
+   */
+  hardware: {
+    id: "hardware",
+    name: "Hardware",
+    description: "A machine that has gone quiet, a drawer that was short \u2014 or a terminal you have not got yet.",
+    sizes: ["narrow"],
+    defaultSize: "narrow",
+    /**
+     * Available whether or not the business owns any.
+     *
+     * It was `ctx.hasHardware`, which made the card reachable only by someone
+     * who already had a terminal — and the nav row that used to do the
+     * discovering went to Settings on 2026-09-03. A merchant with no hardware
+     * now gets the offer here; see `HardwareWidget`, which carries the three
+     * states.
+     */
+    available: () => true,
+    covers: () => ["/dashboard/hardware"],
+    render: () => /* @__PURE__ */ jsx(HardwareWidget, {})
+  },
+  /**
+   * THE TWO CARDS THAT LEFT THE RAIL (John, 2026-09-03).
+   *
+   * They were a stacked deck in the sidebar's foot, ported off Lovable. The
+   * deck's own argument for living there — a rail can hold two standing offers
+   * without spending two rows on them — quietly ignored that it spends them on
+   * EVERY screen. Here a merchant can size them, move them, or throw them
+   * away, which is the whole point of a board.
+   *
+   * `canSeeEarnings` on both: they are about money leaving the business, and
+   * somebody working a shift has no business being sold to. It is the closest
+   * flag the board already resolves — the context carries no
+   * `canManageSettings`, and adding one for two cards would be a third
+   * permission source on this page.
+   */
+  credits: {
+    id: "credits",
+    name: "Email credits",
+    description: "How much of this period\u2019s email you have used.",
+    sizes: ["narrow"],
+    defaultSize: "narrow",
+    available: (ctx) => ctx.canSeeEarnings,
+    covers: () => ["/dashboard/settings/billing/credits"],
+    render: () => /* @__PURE__ */ jsx(CreditsWidget, {})
+  },
+  referral: {
+    id: "referral",
+    name: "Refer a business",
+    description: "Your invite link, and what it has earned.",
+    sizes: ["narrow"],
+    defaultSize: "narrow",
+    available: (ctx) => ctx.canSeeEarnings,
+    covers: () => ["/dashboard/referrals"],
+    render: () => /* @__PURE__ */ jsx(ReferralWidget, {})
+  },
+  team: {
+    id: "team",
+    name: "Team",
+    description: "Who is in the business, and what they can do.",
+    sizes: ["narrow"],
+    defaultSize: "narrow",
+    available: (ctx) => ctx.canManageTeam,
+    covers: () => ["/dashboard/settings/team"],
+    render: () => /* @__PURE__ */ jsx(TeamWidget, {})
+  },
+  /**
+   * HOW FAR THROUGH SETTING UP.
+   *
+   * The one widget that is most useful when the board is emptiest, and the only
+   * one that removes ITSELF: `available` goes false the moment every step is
+   * settled, which drops it from the board and frees its slot for the add tile.
+   * That is the difference between this and the setup RAIL the home was taken
+   * apart from — the rail had to be dismissed, so it went on sitting there for
+   * people who had already finished.
+   */
+  /**
+   * WHAT IS INVOICED AND HAS NOT ARRIVED.
+   *
+   * Revenue answers "what came in"; this answers "what is late", and they are
+   * different questions to a business chasing money. Narrow only — it is one
+   * figure and an age, not a series.
+   *
+   * `canSeeEarnings`, not `canSeeAmounts`: this is the business's income, so
+   * staff who can read an order total still should not see the shortfall.
+   */
+  owed: {
+    id: "owed",
+    name: "Money owed",
+    description: "What is invoiced and unpaid, and how old it is.",
+    sizes: ["narrow"],
+    defaultSize: "narrow",
+    available: (ctx) => ctx.canSeeEarnings,
+    covers: () => ["/dashboard/invoices"],
+    render: () => /* @__PURE__ */ jsx(OwedWidget, {})
+  },
+  /**
+   * WHAT POTTER COSTS, which is the only money on this board going the other
+   * way. Revenue is what arrived and Money owed is what has not; both are the
+   * customer's side. This one is the merchant's own bill, and it was three
+   * clicks away behind Settings on a page whose job is "is anything wrong".
+   *
+   * `canSeeEarnings`, like the other two: what the business pays for its own
+   * tools is not a staff figure.
+   *
+   * Opt-in, and not in any archetype default. A bill that is fine says nothing
+   * new for twenty-nine days out of thirty, which is a poor claim on a
+   * permanent slot but a perfectly good thing to be able to CHOOSE — which is
+   * what a board is for.
+   */
+  bill: {
+    id: "bill",
+    name: "Box bill",
+    description: "What Box costs this period, and when it is charged.",
+    sizes: ["narrow"],
+    defaultSize: "narrow",
+    available: (ctx) => ctx.canSeeEarnings,
+    covers: () => ["/dashboard/settings/billing"],
+    render: () => /* @__PURE__ */ jsx(BillWidget, {})
+  },
+  setup: {
+    id: "setup",
+    name: "Finish setting up",
+    description: "What is left before the business is fully live.",
+    sizes: ["narrow"],
+    defaultSize: "narrow",
+    // Through `orderSteps`, which is what the card itself lists: a step it
+    // drops must not keep an otherwise finished card on the board.
+    available: (ctx) => orderSteps(ctx.setupSteps).some((s) => !isSettled(s)),
+    // Each step's own destination is already on the board as this card's list,
+    // so a blocker pointing at the same place would be the same chore twice.
+    covers: (ctx) => orderSteps(ctx.setupSteps).map((s) => s.link).filter((l) => !!l),
+    render: (ctx) => /* @__PURE__ */ jsx(SetupWidget, { steps: ctx.setupSteps, itemLabel: ctx.itemLabel })
+  },
+  /**
+   * WHAT HAPPENED, as opposed to what is waiting.
+   *
+   * Today and Activity are two questions and the home needs both. Merging them
+   * is the mistake this avoids: one list with now as the pivot puts a booking
+   * at 22:00 next to an invoice paid twenty minutes ago under one heading, so
+   * the reader has to check each row's tense before knowing whether it is a
+   * task. `buildActivityItems` already assembled this from six sources and the
+   * desktop home had nowhere to put it.
+   */
+  activity: {
+    id: "activity",
+    name: "Recent activity",
+    description: "What has happened, newest first.",
+    sizes: ["wide", "narrow"],
+    defaultSize: "wide",
+    available: () => true,
+    /**
+     * NOTHING HAPPENS UNTIL THERE IS SOMETHING TO SELL. John, 2026-08-23:
+     * "you can't have recent activities without having stuff you are selling".
+     *
+     * This card used to answer an empty business with "Nothing has happened
+     * yet · Orders, payments and new customers will appear here" — true, and a
+     * `waiting` state, which is the classification this file warns about
+     * getting backwards. Waiting is for a box no button can fill: revenue
+     * before the first sale. This one HAS a button. A catalogue with nothing in
+     * it is the reason the feed is empty, and adding the first item is the act
+     * that starts it.
+     *
+     * No drawing: the miniature that sat here was two catalogue tiles with a
+     * price on one, and a price nobody set has no place on this board.
+     *
+     * `itemLabel`, so a club whose sidebar says Services is not told to add a
+     * product. The href is the catalogue's own new-item route, which every
+     * archetype reaching this card resolves through.
+     */
+    empty: (ctx) => ctx.hasSellable ? null : {
+      kind: "action",
+      title: `Add your first ${ctx.itemLabel.toLowerCase()}`,
+      body: "Orders, payments and new customers show up here once there is something to buy.",
+      action: `Add ${ctx.itemLabel.toLowerCase()}`,
+      href: "/dashboard/catalog/new"
+    },
+    render: (ctx, size) => /* @__PURE__ */ jsx(
+      ActivityCard,
+      {
+        items: ctx.activity,
+        blockers: [
+          ...ctx.today.filter((i) => i.blocking),
+          ...ctx.today.filter((i) => !i.blocking && i.overdue)
+        ],
+        limit: size === "wide" ? 6 : 4
+      }
+    )
+  }
+};
+const WIDGET_ORDER = [
+  "website",
+  "revenue",
+  "regulars",
+  "team",
+  "setup",
+  "bill",
+  /* Below the bill, which is what Box costs; these two are what it costs to
+     REACH people and what brings people in. Both are offers rather than
+     readings, so they sit under everything a merchant is actually measuring. */
+  "credits",
+  "referral",
+  "activity"
+];
+function coveredHrefs(ctx, placed) {
+  const out = /* @__PURE__ */ new Set();
+  for (const id of placed) {
+    const def = widgetDef(id);
+    if (!def) continue;
+    for (const href of def.covers?.(ctx) ?? []) out.add(href);
+    const empty = def.empty?.(ctx);
+    if (empty && empty.kind === "action") out.add(empty.href);
+  }
+  return out;
+}
+function widgetDef(id) {
+  return WIDGETS[id] ?? hostWidget(id);
+}
+function widgetsFor(ctx) {
+  return [...WIDGET_ORDER.map((id) => WIDGETS[id]), ...hostWidgets()].filter(
+    (w) => w.available(ctx)
+  );
+}
+export {
+  WIDGETS,
+  WIDGET_ORDER,
+  coveredHrefs,
+  hostWidgets2 as hostWidgets,
+  registerHostWidget,
+  widgetDef,
+  widgetsFor
+};
+//# sourceMappingURL=registry.js.map

package/dist/dashboard/home/widgets/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/dashboard/home/widgets/registry.tsx"],"sourcesContent":["'use client';\n\nimport { RevenueWidget } from './money-widgets';\nimport { ActivityCard } from './activity-card';\nimport { SetupWidget } from './setup-widget';\nimport { HardwareWidget } from './hardware-widget';\nimport { TeamWidget } from './team-widget';\nimport { CreditsWidget } from './credits-widget';\nimport { ReferralWidget } from './referral-widget';\nimport { RegularsWidget } from './regulars-widget';\nimport { OwedWidget } from './owed-widget';\nimport { BillWidget } from './bill-widget';\nimport { WebsiteWidget } from './website-widget';\nimport { isSettled, orderSteps } from './setup-steps';\nimport { ThemeMiniature, Pointer } from './widget-art';\nimport { hostWidget, hostWidgets } from './host-widgets';\n\nexport { registerHostWidget, hostWidgets } from './host-widgets';\nimport type {\n  BuiltInWidgetId,\n  WidgetDef,\n  WidgetId,\n  WidgetContext,\n} from './types';\n\n/**\n * The catalogue.\n *\n * Every entry here is a block that already existed on the home; making it a\n * widget is a matter of declaring which sizes it has been drawn for, not of\n * writing a new surface. That is the payoff of having taken the home apart into\n * self-contained blocks first.\n *\n * THREE OF THESE WERE DELETED FROM THE PAGE, AND THAT IS THE POINT.\n * `quick-actions` and `recents` were columns on the old console and were cut\n * for restating the sidebar and for rendering a list of settings screens you\n * had already visited. Neither earns a permanent third of the home. Both are\n * perfectly reasonable things for a particular merchant to CHOOSE, and a widget\n * board is exactly the mechanism that lets something be available without being\n * imposed. Opt-in is a different bar from default, and the two were being\n * argued as though they were one.\n *\n * `Blocked` is deliberately NOT here. See `home-widgets.tsx`.\n */\nexport const WIDGETS: Record<BuiltInWidgetId, WidgetDef> = {\n  /**\n   * Money, as three widgets rather than one block.\n   *\n   * It was a single `lg`-only \"Performance\" panel, which left the `sm` and `md`\n   * classes with almost nothing to offer and made the gallery look like a\n   * feature with one item in it. Split, a merchant can put revenue large and\n   * average order small, or drop the count entirely — which is the actual point\n   * of a board.\n   *\n   * All three read ONE fetch and ONE window from `MoneyBoardProvider`. The\n   * window is shared on purpose: revenue over thirty days beside a count over\n   * seven is two true figures making one false impression.\n   */\n  revenue: {\n    id: 'revenue',\n    name: 'Revenue',\n    description: 'What came in, and how it moved.',\n    sizes: ['wide', 'narrow'],\n    defaultSize: 'wide',\n    // Money is the one part of this page that is not merely extra detail for\n    // the wrong person; it is the part they were deliberately not given.\n    available: (ctx) => ctx.canSeeEarnings,\n    /**\n     * The last of the old \"Finish setting up\" cards, put where its result will\n     * appear.\n     *\n     * This is the whole argument for empty states over a setup rail, and this\n     * card is the clearest case of it: a business with no payout account\n     * cannot be paid, so a revenue chart over it is a chart of zero drawn with\n     * confidence. The card that tells you to connect an account IS the card\n     * that will show the money once you have — which no separate rail can ever\n     * say, because a rail disappears at exactly the moment it would have\n     * become useful.\n     *\n     * NO DRAWING. This card carried a miniature of a payout landing in a bank,\n     * with an amount and the last four digits of an account on it. Neither was\n     * the merchant's: on a screen about their money, a figure that is not\n     * theirs reads as theirs. The card is its sentence and its button.\n     */\n    covers: () => ['/dashboard/payments'],\n    empty: (ctx) =>\n      ctx.hasPayments && ctx.needsIdentity\n        ? {\n            kind: 'action',\n            title: 'Get paid',\n            body: 'Your bank account is connected. Verify who you are and payouts can start.',\n            action: 'Verify identity',\n            href: '/dashboard/payments/payouts',\n          }\n        : ctx.hasPayments\n          ? null\n          : {\n              kind: 'action',\n              title: 'Take payments',\n              body: 'Connect a payout account so customers can pay you.',\n              action: 'Set up payments',\n              href: '/dashboard/payments',\n            },\n    render: (_ctx, size) => <RevenueWidget size={size} />,\n  },\n\n  website: {\n    id: 'website',\n    name: 'Website',\n    description: 'Your storefront, and where it lives.',\n    sizes: ['wide', 'narrow'],\n    defaultSize: 'narrow',\n    available: () => true,\n    empty: (ctx) =>\n      // A shut site outranks both prompts below it: design and a domain are\n      // improvements to something nobody can reach yet. When it is shut the\n      // card renders itself — the preview, with \"Not open yet\" under the name.\n      // It no longer carries a publish control (John, 2026-08-25); opening the\n      // site is done from the Website hub the preview links into.\n      !ctx.isSiteOpen\n        ? null\n        : !ctx.hasDesignedSite\n          ? {\n              kind: 'action',\n              title: 'Design your site',\n              body: 'Pick a look that fits your brand, then make it yours.',\n              action: 'Customize',\n              // The Website hub, not the editor: \"design your site\" is an\n              // invitation to look at it, and the hub is where templates, domains\n              // and pages hang off. Dropping someone into the canvas skips the\n              // choice they came to make.\n              href: '/dashboard/business',\n              art: <ThemeMiniature />,\n            }\n          : !ctx.storefrontUrl\n            ? {\n                kind: 'action',\n                title: 'Get a domain',\n                body: 'A branded URL that’s easy to find, trust, and remember.',\n                action: 'Add domain',\n                href: '/dashboard/business/domains',\n                art: <Pointer className=\"h-[44px] w-[44px] drop-shadow-md\" />,\n              }\n            : null,\n    render: (ctx) => (\n      <WebsiteWidget\n        storefrontUrl={ctx.storefrontUrl}\n        hasCustomDomain={ctx.hasCustomDomain}\n        siteImage={ctx.siteImage}\n        businessName={ctx.businessName}\n      />\n    ),\n  },\n\n  /**\n   * REGULARS WHO HAVE GONE QUIET — the marketing card, and the third attempt.\n   *\n   * A campaign card wanted send and schedule endpoints that do not exist. An\n   * attribution card rendered \"Direct · 100%\", a non-answer dressed as a\n   * finding. This one cannot degrade that way: it names PEOPLE, and every\n   * business that has sold twice to anyone has some.\n   *\n   * Winning a repeat customer back costs a fraction of finding a new one, and\n   * for a business trading over WhatsApp the whole campaign is one message to\n   * one person who already likes you.\n   */\n  regulars: {\n    id: 'regulars',\n    name: 'Gone quiet',\n    description: 'Repeat customers who have stopped ordering.',\n    sizes: ['narrow'],\n    defaultSize: 'narrow',\n    // Only once somebody HAS gone quiet. With nobody to name, the card held a\n    // drawing of a customer and \"72d ago\" for a person who does not exist, on\n    // a board that is meant to say only what is true of this business. Unknown\n    // counts as nobody, so a list that is loading or failed draws no card.\n    available: (ctx) => ctx.hasQuietRegulars === true,\n    covers: () => ['/dashboard/customers'],\n    render: () => <RegularsWidget />,\n  },\n\n  /**\n   * WHO IS IN THE BUSINESS.\n   *\n   * Moved out of the page header and onto the board, swapping places with the\n   * \"Add widget\" tile — the faces are content you look at and click into, which\n   * is what a card is for, and adding a widget is a control, which is what a\n   * header is for.\n   */\n  /**\n   * WHAT IS WRONG WITH THE MACHINES.\n   *\n   * A till that has stopped reporting, and a drawer that did not balance.\n   * Never a count of devices or a total of takings: home answers \"is anything\n   * wrong\", and \"you own four tills\" is not an answer to that.\n   *\n   * Available only once the business owns hardware. A card that spends its life\n   * saying \"no devices\" teaches people to skip it, and Hardware's own empty\n   * state is where somebody finds out they can have a till.\n   */\n  hardware: {\n    id: 'hardware',\n    name: 'Hardware',\n    description:\n      'A machine that has gone quiet, a drawer that was short — or a terminal you have not got yet.',\n    sizes: ['narrow'],\n    defaultSize: 'narrow',\n    /**\n     * Available whether or not the business owns any.\n     *\n     * It was `ctx.hasHardware`, which made the card reachable only by someone\n     * who already had a terminal — and the nav row that used to do the\n     * discovering went to Settings on 2026-09-03. A merchant with no hardware\n     * now gets the offer here; see `HardwareWidget`, which carries the three\n     * states.\n     */\n    available: () => true,\n    covers: () => ['/dashboard/hardware'],\n    render: () => <HardwareWidget />,\n  },\n\n  /**\n   * THE TWO CARDS THAT LEFT THE RAIL (John, 2026-09-03).\n   *\n   * They were a stacked deck in the sidebar's foot, ported off Lovable. The\n   * deck's own argument for living there — a rail can hold two standing offers\n   * without spending two rows on them — quietly ignored that it spends them on\n   * EVERY screen. Here a merchant can size them, move them, or throw them\n   * away, which is the whole point of a board.\n   *\n   * `canSeeEarnings` on both: they are about money leaving the business, and\n   * somebody working a shift has no business being sold to. It is the closest\n   * flag the board already resolves — the context carries no\n   * `canManageSettings`, and adding one for two cards would be a third\n   * permission source on this page.\n   */\n  credits: {\n    id: 'credits',\n    name: 'Email credits',\n    description: 'How much of this period’s email you have used.',\n    sizes: ['narrow'],\n    defaultSize: 'narrow',\n    available: (ctx) => ctx.canSeeEarnings,\n    covers: () => ['/dashboard/settings/billing/credits'],\n    render: () => <CreditsWidget />,\n  },\n\n  referral: {\n    id: 'referral',\n    name: 'Refer a business',\n    description: 'Your invite link, and what it has earned.',\n    sizes: ['narrow'],\n    defaultSize: 'narrow',\n    available: (ctx) => ctx.canSeeEarnings,\n    covers: () => ['/dashboard/referrals'],\n    render: () => <ReferralWidget />,\n  },\n\n  team: {\n    id: 'team',\n    name: 'Team',\n    description: 'Who is in the business, and what they can do.',\n    sizes: ['narrow'],\n    defaultSize: 'narrow',\n    available: (ctx) => ctx.canManageTeam,\n    covers: () => ['/dashboard/settings/team'],\n    render: () => <TeamWidget />,\n  },\n\n  /**\n   * HOW FAR THROUGH SETTING UP.\n   *\n   * The one widget that is most useful when the board is emptiest, and the only\n   * one that removes ITSELF: `available` goes false the moment every step is\n   * settled, which drops it from the board and frees its slot for the add tile.\n   * That is the difference between this and the setup RAIL the home was taken\n   * apart from — the rail had to be dismissed, so it went on sitting there for\n   * people who had already finished.\n   */\n  /**\n   * WHAT IS INVOICED AND HAS NOT ARRIVED.\n   *\n   * Revenue answers \"what came in\"; this answers \"what is late\", and they are\n   * different questions to a business chasing money. Narrow only — it is one\n   * figure and an age, not a series.\n   *\n   * `canSeeEarnings`, not `canSeeAmounts`: this is the business's income, so\n   * staff who can read an order total still should not see the shortfall.\n   */\n  owed: {\n    id: 'owed',\n    name: 'Money owed',\n    description: 'What is invoiced and unpaid, and how old it is.',\n    sizes: ['narrow'],\n    defaultSize: 'narrow',\n    available: (ctx) => ctx.canSeeEarnings,\n    covers: () => ['/dashboard/invoices'],\n    render: () => <OwedWidget />,\n  },\n\n  /**\n   * WHAT POTTER COSTS, which is the only money on this board going the other\n   * way. Revenue is what arrived and Money owed is what has not; both are the\n   * customer's side. This one is the merchant's own bill, and it was three\n   * clicks away behind Settings on a page whose job is \"is anything wrong\".\n   *\n   * `canSeeEarnings`, like the other two: what the business pays for its own\n   * tools is not a staff figure.\n   *\n   * Opt-in, and not in any archetype default. A bill that is fine says nothing\n   * new for twenty-nine days out of thirty, which is a poor claim on a\n   * permanent slot but a perfectly good thing to be able to CHOOSE — which is\n   * what a board is for.\n   */\n  bill: {\n    id: 'bill',\n    name: 'Box bill',\n    description: 'What Box costs this period, and when it is charged.',\n    sizes: ['narrow'],\n    defaultSize: 'narrow',\n    available: (ctx) => ctx.canSeeEarnings,\n    covers: () => ['/dashboard/settings/billing'],\n    render: () => <BillWidget />,\n  },\n\n  setup: {\n    id: 'setup',\n    name: 'Finish setting up',\n    description: 'What is left before the business is fully live.',\n    sizes: ['narrow'],\n    defaultSize: 'narrow',\n    // Through `orderSteps`, which is what the card itself lists: a step it\n    // drops must not keep an otherwise finished card on the board.\n    available: (ctx) => orderSteps(ctx.setupSteps).some((s) => !isSettled(s)),\n    // Each step's own destination is already on the board as this card's list,\n    // so a blocker pointing at the same place would be the same chore twice.\n    covers: (ctx) =>\n      orderSteps(ctx.setupSteps)\n        .map((s) => s.link)\n        .filter((l): l is string => !!l),\n    render: (ctx) => (\n      <SetupWidget steps={ctx.setupSteps} itemLabel={ctx.itemLabel} />\n    ),\n  },\n\n  /**\n   * WHAT HAPPENED, as opposed to what is waiting.\n   *\n   * Today and Activity are two questions and the home needs both. Merging them\n   * is the mistake this avoids: one list with now as the pivot puts a booking\n   * at 22:00 next to an invoice paid twenty minutes ago under one heading, so\n   * the reader has to check each row's tense before knowing whether it is a\n   * task. `buildActivityItems` already assembled this from six sources and the\n   * desktop home had nowhere to put it.\n   */\n  activity: {\n    id: 'activity',\n    name: 'Recent activity',\n    description: 'What has happened, newest first.',\n    sizes: ['wide', 'narrow'],\n    defaultSize: 'wide',\n    available: () => true,\n    /**\n     * NOTHING HAPPENS UNTIL THERE IS SOMETHING TO SELL. John, 2026-08-23:\n     * \"you can't have recent activities without having stuff you are selling\".\n     *\n     * This card used to answer an empty business with \"Nothing has happened\n     * yet · Orders, payments and new customers will appear here\" — true, and a\n     * `waiting` state, which is the classification this file warns about\n     * getting backwards. Waiting is for a box no button can fill: revenue\n     * before the first sale. This one HAS a button. A catalogue with nothing in\n     * it is the reason the feed is empty, and adding the first item is the act\n     * that starts it.\n     *\n     * No drawing: the miniature that sat here was two catalogue tiles with a\n     * price on one, and a price nobody set has no place on this board.\n     *\n     * `itemLabel`, so a club whose sidebar says Services is not told to add a\n     * product. The href is the catalogue's own new-item route, which every\n     * archetype reaching this card resolves through.\n     */\n    empty: (ctx) =>\n      ctx.hasSellable\n        ? null\n        : {\n            kind: 'action',\n            title: `Add your first ${ctx.itemLabel.toLowerCase()}`,\n            body: 'Orders, payments and new customers show up here once there is something to buy.',\n            action: `Add ${ctx.itemLabel.toLowerCase()}`,\n            href: '/dashboard/catalog/new',\n          },\n    render: (ctx, size) => (\n      <ActivityCard\n        items={ctx.activity}\n        /**\n         * What is stopping you, and what is late.\n         *\n         * Blockers plus OVERDUE items, which is the half that was missing.\n         * A blocker says \"nothing can happen until this is fixed\"; an overdue\n         * invoice says \"this already should have happened\" — both are things\n         * the merchant is behind on, and only the first was reaching the card.\n         * Blockers still sort first because a broken payout stops every future\n         * sale where one late invoice stops one payment.\n         *\n         * Filtered here rather than in the widget so the widget stays a\n         * renderer and the page keeps deciding what counts as urgent.\n         */\n        blockers={[\n          ...ctx.today.filter((i) => i.blocking),\n          ...ctx.today.filter((i) => !i.blocking && i.overdue),\n        ]}\n        limit={size === 'wide' ? 6 : 4}\n      />\n    ),\n  },\n};\n\nexport const WIDGET_ORDER: BuiltInWidgetId[] = [\n  'website',\n  'revenue',\n  'regulars',\n  'team',\n  'setup',\n  'bill',\n  /* Below the bill, which is what Box costs; these two are what it costs to\n     REACH people and what brings people in. Both are offers rather than\n     readings, so they sit under everything a merchant is actually measuring. */\n  'credits',\n  'referral',\n  'activity',\n];\n\n/**\n * Every destination the board is already showing, from placed widgets only.\n *\n * Two sources, and both are needed. A widget's `covers` is what it says when it\n * has data (Low stock lists the items); its `empty` action is what it says when\n * it does not (Revenue's whole card becomes \"Take payments\"). A chore is\n * covered either way, so both count.\n *\n * `placed` rather than every registered widget: a chore covered by a widget the\n * merchant has REMOVED is not covered at all, and suppressing the blocker for\n * it would be how the home quietly stops mentioning that you cannot be paid.\n */\nexport function coveredHrefs(\n  ctx: WidgetContext,\n  placed: Iterable<WidgetId>,\n): Set<string> {\n  const out = new Set<string>();\n  for (const id of placed) {\n    const def = widgetDef(id);\n    if (!def) continue;\n    for (const href of def.covers?.(ctx) ?? []) out.add(href);\n    const empty = def.empty?.(ctx);\n    if (empty && empty.kind === 'action') out.add(empty.href);\n  }\n  return out;\n}\n\n/** A widget by id: built in first, then a host's. Undefined for an id nobody defines any more. */\nexport function widgetDef(id: WidgetId): WidgetDef | undefined {\n  return WIDGETS[id as BuiltInWidgetId] ?? hostWidget(id);\n}\n\nexport function widgetsFor(ctx: WidgetContext): WidgetDef[] {\n  return [...WIDGET_ORDER.map((id) => WIDGETS[id]), ...hostWidgets()].filter(\n    (w) => w.available(ctx),\n  );\n}\n"],"mappings":"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","names":["hostWidgets"]}

package/dist/dashboard/home/widgets/regular-reach.d.ts

@@ -0,0 +1,10 @@
+import type { Member } from '@withpotter/lib/api/types';
+/**
+ * The one action on a "Gone quiet" row: a message to the regular. Offered only
+ * where the channel has somewhere to go — a number for WhatsApp, an address
+ * for email — rather than greyed out for the rest.
+ */
+export declare function RegularReach({ member, name, }: {
+    member: Member;
+    name: string;
+}): import("react").JSX.Element | null;

package/dist/dashboard/home/widgets/regular-reach.js

@@ -0,0 +1,60 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Mail } from "lucide-react";
+import { WhatsAppIcon } from "@withpotter/ui-kit/whatsapp-icon";
+import { BOX_HIDE_WHATSAPP } from "@withpotter/lib/box-channels";
+import { SendMessageModal } from "@withpotter/components/customers/send-message-modal";
+const BUTTON = "grid h-7 w-7 shrink-0 place-items-center rounded-full bg-[var(--bg-muted)] text-[var(--text-tertiary)] transition-colors hover:bg-[var(--interactive-hover)]";
+function waLink(phone, text) {
+  const digits = phone.replace(/\D/g, "");
+  return `https://wa.me/${digits}?text=${encodeURIComponent(text)}`;
+}
+function RegularReach({
+  member,
+  name
+}) {
+  const [composing, setComposing] = useState(false);
+  if (BOX_HIDE_WHATSAPP) {
+    if (!member.email) return null;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setComposing(true),
+          "aria-label": `Email ${name}`,
+          className: `${BUTTON} hover:text-[var(--text-primary)]`,
+          children: /* @__PURE__ */ jsx(Mail, { width: 13, height: 13 })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SendMessageModal,
+        {
+          customer: member,
+          open: composing,
+          onClose: () => setComposing(false)
+        }
+      )
+    ] });
+  }
+  if (!member.phone) return null;
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: waLink(
+        member.phone,
+        `Hi ${name.split(" ")[0]}, we haven't seen you in a while!`
+      ),
+      target: "_blank",
+      rel: "noreferrer",
+      "aria-label": `Message ${name} on WhatsApp`,
+      className: `${BUTTON} hover:text-[var(--success)]`,
+      children: /* @__PURE__ */ jsx(WhatsAppIcon, {})
+    }
+  );
+}
+export {
+  RegularReach
+};
+//# sourceMappingURL=regular-reach.js.map

package/dist/dashboard/home/widgets/regular-reach.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/dashboard/home/widgets/regular-reach.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Mail } from 'lucide-react';\nimport { WhatsAppIcon } from '@withpotter/ui-kit/whatsapp-icon';\nimport { BOX_HIDE_WHATSAPP } from '@withpotter/lib/box-channels';\nimport type { Member } from '@withpotter/lib/api/types';\nimport { SendMessageModal } from '@withpotter/components/customers/send-message-modal';\n\nconst BUTTON =\n  'grid h-7 w-7 shrink-0 place-items-center rounded-full bg-[var(--bg-muted)] text-[var(--text-tertiary)] transition-colors hover:bg-[var(--interactive-hover)]';\n\n/** Digits only: `wa.me` rejects spaces, dashes and a leading `+`. */\nfunction waLink(phone: string, text: string) {\n  const digits = phone.replace(/\\D/g, '');\n  return `https://wa.me/${digits}?text=${encodeURIComponent(text)}`;\n}\n\n/**\n * The one action on a \"Gone quiet\" row: a message to the regular. Offered only\n * where the channel has somewhere to go — a number for WhatsApp, an address\n * for email — rather than greyed out for the rest.\n */\nexport function RegularReach({\n  member,\n  name,\n}: {\n  member: Member;\n  name: string;\n}) {\n  const [composing, setComposing] = useState(false);\n\n  if (BOX_HIDE_WHATSAPP) {\n    if (!member.email) return null;\n    return (\n      <>\n        <button\n          type=\"button\"\n          onClick={() => setComposing(true)}\n          aria-label={`Email ${name}`}\n          className={`${BUTTON} hover:text-[var(--text-primary)]`}\n        >\n          <Mail width={13} height={13} />\n        </button>\n        <SendMessageModal\n          customer={member}\n          open={composing}\n          onClose={() => setComposing(false)}\n        />\n      </>\n    );\n  }\n\n  if (!member.phone) return null;\n  return (\n    <a\n      href={waLink(\n        member.phone,\n        `Hi ${name.split(' ')[0]}, we haven't seen you in a while!`,\n      )}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n      aria-label={`Message ${name} on WhatsApp`}\n      className={`${BUTTON} hover:text-[var(--success)]`}\n    >\n      <WhatsAppIcon />\n    </a>\n  );\n}\n"],"mappings":";AAmCM,mBAOI,KAPJ;AAjCN,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAElC,SAAS,wBAAwB;AAEjC,MAAM,SACJ;AAGF,SAAS,OAAO,OAAe,MAAc;AAC3C,QAAM,SAAS,MAAM,QAAQ,OAAO,EAAE;AACtC,SAAO,iBAAiB,MAAM,SAAS,mBAAmB,IAAI,CAAC;AACjE;AAOO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,MAAI,mBAAmB;AACrB,QAAI,CAAC,OAAO,MAAO,QAAO;AAC1B,WACE,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,aAAa,IAAI;AAAA,UAChC,cAAY,SAAS,IAAI;AAAA,UACzB,WAAW,GAAG,MAAM;AAAA,UAEpB,8BAAC,QAAK,OAAO,IAAI,QAAQ,IAAI;AAAA;AAAA,MAC/B;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV,MAAM;AAAA,UACN,SAAS,MAAM,aAAa,KAAK;AAAA;AAAA,MACnC;AAAA,OACF;AAAA,EAEJ;AAEA,MAAI,CAAC,OAAO,MAAO,QAAO;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,MAAM,KAAK,MAAM,GAAG,EAAE,CAAC,CAAC;AAAA,MAC1B;AAAA,MACA,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,cAAY,WAAW,IAAI;AAAA,MAC3B,WAAW,GAAG,MAAM;AAAA,MAEpB,8BAAC,gBAAa;AAAA;AAAA,EAChB;AAEJ;","names":[]}

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

@@ -0,0 +1,13 @@
+import type { Member } from '@withpotter/lib/api/types';
+/**
+ * The list, and who on it has gone quiet.
+ *
+ * A hook of its own because two things ask: the card, and the board deciding
+ * whether there is a card at all. Same query key, so it is one request.
+ */
+export declare function useQuietRegulars(): {
+    quiet: Member[] | null;
+    isLoading: boolean;
+    failed: boolean;
+};
+export declare function RegularsWidget(): import("react").JSX.Element | null;