@withpotter/components 0.13.0-next.101

package/dist/dashboard/home/next-up-sources.js

@@ -0,0 +1,220 @@
+const NEXT_UP_HREF = {
+  "take-bookings": "/dashboard/bookings",
+  "rent-property": "/dashboard/bookings",
+  "event-tickets": "/dashboard/bookings",
+  "dine-in": "/dashboard/tabs",
+  subscriptions: "/dashboard/subscriptions",
+  "send-invoices": "/dashboard/invoices",
+  "capture-leads": "/dashboard/inbox"
+};
+function resolveNextUpHref(intentKeys) {
+  const targets = Array.from(
+    new Set(
+      intentKeys.map((key) => NEXT_UP_HREF[key]).filter((href) => Boolean(href))
+    )
+  );
+  return targets.length === 1 ? targets[0] : "/dashboard/orders";
+}
+function bookingAt(b) {
+  const day = (b.date || "").slice(0, 10);
+  if (!day) return "";
+  return b.startTime ? `${day}T${b.startTime.slice(0, 5)}:00` : `${day}T00:00:00`;
+}
+const OPEN_BOOKING_STATUSES = /* @__PURE__ */ new Set([
+  "pending",
+  "confirmed",
+  "in_progress",
+  "checked_in"
+]);
+function fromBookings(d, stream, now) {
+  return d.upcomingBookings.filter((b) => OPEN_BOOKING_STATUSES.has(b.status)).map((b) => {
+    const at = bookingAt(b);
+    if (!at) return null;
+    return {
+      id: `booking-${b.id}`,
+      at,
+      title: b.customerName || b.content?.title || "Booking",
+      meta: b.content?.title && b.customerName ? b.content.title : void 0,
+      href: "/dashboard/bookings",
+      stream,
+      overdue: new Date(at).getTime() < now
+    };
+  }).filter((x) => x !== null);
+}
+function fromOrderQueue(d, stream, now) {
+  return d.recentOrders.filter((o) => o.status !== "completed" && o.status !== "cancelled").map((o) => ({
+    id: `order-${o.id}`,
+    at: o.createdAt,
+    title: o.customerName || o.customerEmail?.split("@")[0] || "Order",
+    meta: `${o.orderNumber} \xB7 ${d.formatCurrency(o.total)}`,
+    href: `/dashboard/orders/${o.id}`,
+    stream,
+    // An unfulfilled order isn't "late" at a point in time, but one sitting
+    // over a day old is the thing you want surfaced first.
+    overdue: now - new Date(o.createdAt).getTime() > 24 * 60 * 60 * 1e3
+  }));
+}
+function fromInvoices(d, stream, now) {
+  return d.recentInvoices.filter((i) => i.status !== "paid" && i.status !== "cancelled" && i.dueDate).map((i) => ({
+    id: `invoice-${i.id}`,
+    at: i.dueDate,
+    title: i.customerName || i.customerEmail?.split("@")[0] || "Invoice",
+    meta: `${i.invoiceNumber} \xB7 ${d.formatCurrency(i.amountDue || i.total, i.currency)}`,
+    href: `/dashboard/invoices/${i.id}`,
+    stream,
+    overdue: new Date(i.dueDate).getTime() < now
+  }));
+}
+function fromRenewals(d, stream, now) {
+  return d.recentSubscriptions.filter(
+    (s) => (s.status === "active" || s.status === "non_renewing") && !!s.nextPaymentDate
+  ).map((s) => ({
+    id: `sub-${s.id}`,
+    at: s.nextPaymentDate,
+    title: s.customer?.name || s.customerEmail || "Member",
+    meta: `${s.plan?.name ?? "Renewal"} \xB7 ${d.formatCurrency(s.amount / 100)}`,
+    href: "/dashboard/subscriptions",
+    stream,
+    overdue: new Date(s.nextPaymentDate).getTime() < now
+  }));
+}
+const NEXT_UP_SOURCES = {
+  "take-bookings": fromBookings,
+  "rent-property": fromBookings,
+  "event-tickets": fromBookings,
+  "dine-in": fromBookings,
+  subscriptions: fromRenewals,
+  "send-invoices": fromInvoices,
+  // No clock of their own: what's next is the work the order queue represents.
+  // For capture-leads that queue IS the enquiry list (its orders are Enquiries).
+  "food-orders": fromOrderQueue,
+  "sell-products": fromOrderQueue,
+  "digital-products": fromOrderQueue,
+  "capture-leads": fromOrderQueue,
+  default: fromOrderQueue
+};
+const STREAM_FALLBACK = "Activity";
+function alertItems(a, stream) {
+  if (!a) return [];
+  const out = [];
+  if (!a.hasPayments) {
+    out.push({
+      id: "alert-payouts",
+      at: "",
+      title: "Set up payouts",
+      meta: "You can\u2019t be paid until this is done",
+      href: "/dashboard/payments",
+      stream,
+      blocking: true,
+      action: "Set up",
+      required: true
+    });
+  }
+  if (a.hasPayments && a.needsIdentity) {
+    out.push({
+      id: "alert-identity",
+      at: "",
+      title: "Verify your identity",
+      meta: "Needed before we can pay you out",
+      href: "/dashboard/payments/payouts",
+      stream,
+      action: "Verify"
+    });
+  }
+  if (a.needsSalesChannel) {
+    out.push({
+      id: "alert-sales-channel",
+      at: "",
+      title: "Say where you sell",
+      meta: "Online, in person or both \u2014 so we only show what applies",
+      href: "/dashboard/operations/locations",
+      stream,
+      action: "Choose"
+    });
+  }
+  if (a.canReceiveOrders === false) {
+    out.push({
+      id: "alert-delivery",
+      at: "",
+      title: "Say where you deliver",
+      meta: "Customers can\u2019t enter an address, so no order can be placed",
+      href: "/dashboard/settings/shipping",
+      stream,
+      blocking: true,
+      action: "Set up",
+      required: true
+    });
+  }
+  if (a.lowStockCount > 0) {
+    const noun = (a.lowStockCount === 1 ? a.itemLabel.singular : a.itemLabel.plural).toLowerCase();
+    out.push({
+      id: "alert-low-stock",
+      at: "",
+      title: `${a.lowStockCount} ${noun} low on stock`,
+      meta: "Restock before it sells out",
+      href: a.primaryContentHref,
+      stream,
+      blocking: true,
+      action: "Restock"
+    });
+  }
+  return out;
+}
+function selectNextUp(intents, data, {
+  now = Date.now(),
+  limit = 6,
+  alerts,
+  extra = []
+} = {}) {
+  const seen = /* @__PURE__ */ new Set();
+  const items = [...alertItems(alerts, "Setup"), ...extra];
+  items.forEach((i) => seen.add(i.id));
+  const active = intents.length > 0 ? intents : [{ key: "default", label: "" }];
+  for (const intent of active) {
+    const source = NEXT_UP_SOURCES[intent.key] ?? NEXT_UP_SOURCES.default;
+    for (const item of source(data, intent.label || STREAM_FALLBACK, now)) {
+      if (!item.at || seen.has(item.id)) continue;
+      seen.add(item.id);
+      items.push(item);
+    }
+  }
+  return items.sort((a, b) => {
+    if (!!a.blocking !== !!b.blocking) return a.blocking ? -1 : 1;
+    if (!!a.overdue !== !!b.overdue) return a.overdue ? -1 : 1;
+    return new Date(a.at).getTime() - new Date(b.at).getTime();
+  }).slice(0, limit);
+}
+function formatNextUpTime(iso, now = Date.now()) {
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return "";
+  const startOfDay = (t) => {
+    const x = new Date(t);
+    x.setHours(0, 0, 0, 0);
+    return x.getTime();
+  };
+  const days = Math.round(
+    (startOfDay(d.getTime()) - startOfDay(now)) / 864e5
+  );
+  const time = d.toLocaleTimeString(void 0, {
+    hour: "numeric",
+    minute: "2-digit"
+  });
+  const hasTime = d.getHours() !== 0 || d.getMinutes() !== 0;
+  if (days === 0) return hasTime ? time : "Today";
+  if (days === 1) return hasTime ? `Tomorrow ${time}` : "Tomorrow";
+  if (days === -1) return hasTime ? `Yesterday ${time}` : "Yesterday";
+  const date = d.toLocaleDateString(void 0, {
+    weekday: "short",
+    day: "numeric",
+    month: "short"
+  });
+  return hasTime ? `${date} ${time}` : date;
+}
+export {
+  NEXT_UP_SOURCES,
+  STREAM_FALLBACK,
+  formatNextUpTime,
+  resolveNextUpHref,
+  selectNextUp
+};
+//# sourceMappingURL=next-up-sources.js.map

package/dist/dashboard/home/next-up-sources.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/next-up-sources.ts"],"sourcesContent":["import type {\n  Order,\n  Invoice,\n  BookingItem,\n  CustomerSubscription,\n} from '@withpotter/lib/api/types';\n\n/**\n * \"Next up\": the home's single archetype-shaped slot.\n *\n * WHY THIS REPLACES THE FOUR SUMMARY CARDS. Across all eleven archetypes the\n * dashboard stat row resolves to the same four numbers wearing different\n * labels — revenue (9/11), catalog size (9/11), sale count (6/11 plus two\n * aliases) and average sale (6/11). Three of those are the money band, said\n * better and with a trend. The fourth, catalog size, answers no question anyone\n * opens a dashboard to ask.\n *\n * What was genuinely archetype-specific in those configs — `todayBookings`,\n * `upcomingThisWeek`, `upcomingEventCount`, `checkInRate` — is every one of them\n * a question about TIME: what is happening today, and what is next. That is not\n * a tile. It is a list on a clock, and this is it.\n *\n * MULTI-ARCHETYPE IS THE POINT. A club running courts, a tournament and a shop\n * used to get three separate panels and had to assemble its own day. Streams\n * from every active archetype merge into ONE chronological list here, so the\n * business sees its day rather than its org chart.\n *\n * NO ARCHETYPE degrades cleanly: `default` falls back to the order queue, which\n * every commerce business has, so nothing looks missing on a tenant that never\n * picked an operating model.\n */\n\nexport interface NextUpItem {\n  id: string;\n  /**\n   * ISO datetime this is scheduled or due. The sort key. Empty for blocking\n   * items, which have no clock — they simply need doing.\n   */\n  at: string;\n  title: string;\n  meta?: string;\n  href: string;\n  /**\n   * The archetype that contributed this item. Rendered only when the business\n   * runs more than one, where \"which part of the business is this?\" is a real\n   * question; in a single-model business it would be noise.\n   */\n  stream: string;\n  /** Past its time and still open — an overdue invoice, a passed booking. */\n  overdue?: boolean;\n  /**\n   * Nothing can happen until this is fixed (no payout account, stock about to\n   * run out). Sorts above everything, whatever the clock says.\n   */\n  blocking?: boolean;\n  /**\n   * The verb on a blocking item's button. A blocker is not a row you browse to,\n   * it is a chore with one obvious next move, and \"Set up\" says what happens\n   * next where a chevron only says \"there is more of this somewhere\".\n   */\n  action?: string;\n  /**\n   * This one stops money outright, as opposed to merely being urgent. Carries\n   * the `Required` pill and takes the primary button; everything below it is\n   * secondary, so the block states an order of operations rather than offering\n   * a menu of equally loud chores.\n   */\n  required?: boolean;\n}\n\n/**\n * Things needing attention that have no clock.\n *\n * These used to live in a separate \"Needs you\" panel beside this one, which\n * meant the home carried three panels sharing one job: a queue, a triage strip\n * restating the same orders (\"6 orders came in today\"), and a feed. Worse, the\n * triage strip mixed genuine blockers with statistics — \"5 new customers this\n * week\" is a fact the money band already covers, not a task.\n *\n * What survived is what actually stops the business: no way to get paid, and\n * stock about to run out. They belong at the top of the ONE worklist, not in a\n * panel of their own.\n */\nexport interface NextUpAlerts {\n  hasPayments: boolean;\n  /** A bank account exists but its owner is not verified, so payouts wait. */\n  needsIdentity?: boolean;\n  /** Sells goods or food, and has not said where. Never blocks anything. */\n  needsSalesChannel?: boolean;\n  /**\n   * Whether an order can physically reach a customer — a delivery area, or a\n   * shop to collect from.\n   *\n   * `undefined` means the question was not answered, which is NOT the same as\n   * \"no\". The check lives on the API and an older backend does not serve it,\n   * so an unreachable check must show nothing rather than accuse a shop that\n   * is set up correctly.\n   *\n   * The reason this is a blocker at all is invisible from the merchant's side:\n   * the checkout builds its country/state/city dropdowns from the delivery\n   * ZONES, with no free-text escape and city required. No zone is therefore\n   * not \"delivery is unconfigured\", it is a checkout no customer can submit —\n   * for collection too, because the address step is still what they land on.\n   */\n  canReceiveOrders?: boolean;\n  lowStockCount: number;\n  /**\n   * The merchant's word for a catalogue item, BOTH forms.\n   *\n   * This took `contentTypeSingular` and pluralised it by appending an \"s\". Two\n   * faults, both visible on screen:\n   *\n   *   1. `contentTypeSingular` is derived from the TEMPLATE'S INDUSTRY, not from\n   *      `entities.item`. The rest of this page — the setup cards, the header\n   *      button, the sidebar — resolves the noun through `useEntityLabel`, so a\n   *      business that had renamed items to \"Property\" read \"Add property\" in\n   *      the header and \"3 products low on stock\" in this list, on one screen.\n   *   2. `${item}s` is not a pluraliser. It produces \"3 propertys\", \"3 boxs\",\n   *      \"3 dishs\". `EntityLabel` already carries the real plural.\n   */\n  itemLabel: { singular: string; plural: string };\n  primaryContentHref: string;\n}\n\n/** Each archetype's own list screen, for \"View all\". */\nconst NEXT_UP_HREF: Record<string, string> = {\n  'take-bookings': '/dashboard/bookings',\n  'rent-property': '/dashboard/bookings',\n  'event-tickets': '/dashboard/bookings',\n  'dine-in': '/dashboard/tabs',\n  subscriptions: '/dashboard/subscriptions',\n  'send-invoices': '/dashboard/invoices',\n  'capture-leads': '/dashboard/inbox',\n};\n\n/**\n * Where \"next up\" goes, when the business is several things.\n *\n * One archetype's answer is that archetype's screen. Several that disagree have\n * no shared next thing, so it is the queue they all feed, which is what the\n * sidebar collapses to for the same reason.\n *\n * Lives here rather than in the page because it is knowledge about what the\n * next-up list contains, and the page had no other reason to hold a map of\n * archetype keys to routes.\n */\nexport function resolveNextUpHref(intentKeys: string[]): string {\n  const targets = Array.from(\n    new Set(\n      intentKeys\n        .map((key) => NEXT_UP_HREF[key])\n        .filter((href): href is string => Boolean(href)),\n    ),\n  );\n  return targets.length === 1 ? targets[0] : '/dashboard/orders';\n}\n\nexport interface NextUpData {\n  upcomingBookings: BookingItem[];\n  recentOrders: Order[];\n  recentInvoices: Invoice[];\n  recentSubscriptions: CustomerSubscription[];\n  formatCurrency: (amount: number, currency?: string) => string;\n}\n\n/** Combines a booking's date + optional start time into one sortable ISO stamp. */\nfunction bookingAt(b: BookingItem): string {\n  const day = (b.date || '').slice(0, 10);\n  if (!day) return '';\n  return b.startTime\n    ? `${day}T${b.startTime.slice(0, 5)}:00`\n    : `${day}T00:00:00`;\n}\n\nconst OPEN_BOOKING_STATUSES = new Set([\n  'pending',\n  'confirmed',\n  'in_progress',\n  'checked_in',\n]);\n\n/** Bookings on the clock: courts, rooms, tables, appointments, event dates. */\nfunction fromBookings(\n  d: NextUpData,\n  stream: string,\n  now: number,\n): NextUpItem[] {\n  return d.upcomingBookings\n    .filter((b) => OPEN_BOOKING_STATUSES.has(b.status))\n    .map((b): NextUpItem | null => {\n      const at = bookingAt(b);\n      if (!at) return null;\n      return {\n        id: `booking-${b.id}`,\n        at,\n        title: b.customerName || b.content?.title || 'Booking',\n        meta: b.content?.title && b.customerName ? b.content.title : undefined,\n        href: '/dashboard/bookings',\n        stream,\n        overdue: new Date(at).getTime() < now,\n      };\n    })\n    .filter((x): x is NextUpItem => x !== null);\n}\n\n/**\n * Orders still owed work. Deliberately NOT \"recent orders\" — a completed order\n * is history and belongs in the activity feed, not on a list of what's next.\n */\nfunction fromOrderQueue(\n  d: NextUpData,\n  stream: string,\n  now: number,\n): NextUpItem[] {\n  return d.recentOrders\n    .filter((o) => o.status !== 'completed' && o.status !== 'cancelled')\n    .map((o) => ({\n      id: `order-${o.id}`,\n      at: o.createdAt,\n      title: o.customerName || o.customerEmail?.split('@')[0] || 'Order',\n      meta: `${o.orderNumber} · ${d.formatCurrency(o.total)}`,\n      href: `/dashboard/orders/${o.id}`,\n      stream,\n      // An unfulfilled order isn't \"late\" at a point in time, but one sitting\n      // over a day old is the thing you want surfaced first.\n      overdue: now - new Date(o.createdAt).getTime() > 24 * 60 * 60 * 1000,\n    }));\n}\n\n/** Invoices awaiting payment, keyed on when they're due. */\nfunction fromInvoices(\n  d: NextUpData,\n  stream: string,\n  now: number,\n): NextUpItem[] {\n  return d.recentInvoices\n    .filter((i) => i.status !== 'paid' && i.status !== 'cancelled' && i.dueDate)\n    .map((i) => ({\n      id: `invoice-${i.id}`,\n      at: i.dueDate,\n      title: i.customerName || i.customerEmail?.split('@')[0] || 'Invoice',\n      meta: `${i.invoiceNumber} · ${d.formatCurrency(i.amountDue || i.total, i.currency)}`,\n      href: `/dashboard/invoices/${i.id}`,\n      stream,\n      overdue: new Date(i.dueDate).getTime() < now,\n    }));\n}\n\n/** Subscriptions renewing — the recurring business's clock. */\nfunction fromRenewals(\n  d: NextUpData,\n  stream: string,\n  now: number,\n): NextUpItem[] {\n  return d.recentSubscriptions\n    .filter(\n      (s) =>\n        (s.status === 'active' || s.status === 'non_renewing') &&\n        !!s.nextPaymentDate,\n    )\n    .map((s) => ({\n      id: `sub-${s.id}`,\n      at: s.nextPaymentDate!,\n      title: s.customer?.name || s.customerEmail || 'Member',\n      meta: `${s.plan?.name ?? 'Renewal'} · ${d.formatCurrency(s.amount / 100)}`,\n      href: '/dashboard/subscriptions',\n      stream,\n      overdue: new Date(s.nextPaymentDate!).getTime() < now,\n    }));\n}\n\ntype SourceFn = (d: NextUpData, stream: string, now: number) => NextUpItem[];\n\n/**\n * What each archetype puts on the clock. Every registered intent key resolves,\n * and `next-up.test.ts` asserts that — the widget registry drifting out of sync\n * with the configs is exactly the bug this codebase already shipped once.\n */\nexport const NEXT_UP_SOURCES: Record<string, SourceFn> = {\n  'take-bookings': fromBookings,\n  'rent-property': fromBookings,\n  'event-tickets': fromBookings,\n  'dine-in': fromBookings,\n  subscriptions: fromRenewals,\n  'send-invoices': fromInvoices,\n  // No clock of their own: what's next is the work the order queue represents.\n  // For capture-leads that queue IS the enquiry list (its orders are Enquiries).\n  'food-orders': fromOrderQueue,\n  'sell-products': fromOrderQueue,\n  'digital-products': fromOrderQueue,\n  'capture-leads': fromOrderQueue,\n  default: fromOrderQueue,\n};\n\n/** The label shown against an item when a business runs several models. */\nexport const STREAM_FALLBACK = 'Activity';\n\n/**\n * Merges every active archetype's stream into one chronological list.\n *\n * Sorting puts overdue first (they are the reason to look), then everything\n * else by time ascending. Deduped by id, because two archetypes can legitimately\n * resolve to the same underlying source — a club with both `take-bookings` and\n * `event-tickets` reads the same bookings table twice, and the operator must not\n * see the same court booking listed twice.\n */\nfunction alertItems(a: NextUpAlerts | undefined, stream: string): NextUpItem[] {\n  if (!a) return [];\n  const out: NextUpItem[] = [];\n  if (!a.hasPayments) {\n    out.push({\n      id: 'alert-payouts',\n      at: '',\n      title: 'Set up payouts',\n      meta: 'You can’t be paid until this is done',\n      href: '/dashboard/payments',\n      stream,\n      blocking: true,\n      action: 'Set up',\n      required: true,\n    });\n  }\n  // Not blocking: selling and collecting carry on. It is what a payout waits\n  // on, which is why it is a task and not a wall.\n  if (a.hasPayments && a.needsIdentity) {\n    out.push({\n      id: 'alert-identity',\n      at: '',\n      title: 'Verify your identity',\n      meta: 'Needed before we can pay you out',\n      href: '/dashboard/payments/payouts',\n      stream,\n      action: 'Verify',\n    });\n  }\n  // Asked here instead of in setup. It only ever hides what does not apply, so\n  // it is a tidy-up and not a blocker.\n  if (a.needsSalesChannel) {\n    out.push({\n      id: 'alert-sales-channel',\n      at: '',\n      title: 'Say where you sell',\n      meta: 'Online, in person or both — so we only show what applies',\n      href: '/dashboard/operations/locations',\n      stream,\n      action: 'Choose',\n    });\n  }\n  /**\n   * Explicitly `=== false`. An unanswered check is not a failed one — see\n   * `canReceiveOrders` above.\n   */\n  if (a.canReceiveOrders === false) {\n    out.push({\n      id: 'alert-delivery',\n      at: '',\n      title: 'Say where you deliver',\n      meta: 'Customers can’t enter an address, so no order can be placed',\n      href: '/dashboard/settings/shipping',\n      stream,\n      blocking: true,\n      action: 'Set up',\n      required: true,\n    });\n  }\n  if (a.lowStockCount > 0) {\n    const noun = (\n      a.lowStockCount === 1 ? a.itemLabel.singular : a.itemLabel.plural\n    ).toLowerCase();\n    out.push({\n      id: 'alert-low-stock',\n      at: '',\n      title: `${a.lowStockCount} ${noun} low on stock`,\n      meta: 'Restock before it sells out',\n      href: a.primaryContentHref,\n      stream,\n      blocking: true,\n      action: 'Restock',\n    });\n  }\n  return out;\n}\n\nexport function selectNextUp(\n  intents: { key: string; label: string }[],\n  data: NextUpData,\n  {\n    now = Date.now(),\n    limit = 6,\n    alerts,\n    extra = [],\n  }: {\n    now?: number;\n    limit?: number;\n    alerts?: NextUpAlerts;\n    /**\n     * Blocking work assembled somewhere else.\n     *\n     * The alerts above are things this module can compute from the day's data.\n     * A connection that stopped talking to a provider is not: it is owned by\n     * Connect, which knows nothing about archetypes and should not be imported\n     * here to learn them. It hands finished items in instead, and they sort\n     * with everything else rather than getting a panel of their own — which is\n     * the mistake the \"Needs you\" strip made before this list absorbed it.\n     */\n    extra?: readonly NextUpItem[];\n  } = {},\n): NextUpItem[] {\n  const seen = new Set<string>();\n  const items: NextUpItem[] = [...alertItems(alerts, 'Setup'), ...extra];\n  items.forEach((i) => seen.add(i.id));\n\n  const active = intents.length > 0 ? intents : [{ key: 'default', label: '' }];\n\n  for (const intent of active) {\n    const source = NEXT_UP_SOURCES[intent.key] ?? NEXT_UP_SOURCES.default;\n    for (const item of source(data, intent.label || STREAM_FALLBACK, now)) {\n      if (!item.at || seen.has(item.id)) continue;\n      seen.add(item.id);\n      items.push(item);\n    }\n  }\n\n  return items\n    .sort((a, b) => {\n      // Blocking first (nothing works until they're fixed), then overdue, then\n      // by time. A blocker has no clock, so it can't be sorted by one.\n      if (!!a.blocking !== !!b.blocking) return a.blocking ? -1 : 1;\n      if (!!a.overdue !== !!b.overdue) return a.overdue ? -1 : 1;\n      return new Date(a.at).getTime() - new Date(b.at).getTime();\n    })\n    .slice(0, limit);\n}\n\n/**\n * Human time for a row: today shows a clock, tomorrow says so, anything further\n * out shows a weekday and date. Absolute dates beat \"in 3 days\" here — an\n * operator is matching this against a physical diary.\n */\nexport function formatNextUpTime(iso: string, now = Date.now()): string {\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return '';\n\n  const startOfDay = (t: number) => {\n    const x = new Date(t);\n    x.setHours(0, 0, 0, 0);\n    return x.getTime();\n  };\n  const days = Math.round(\n    (startOfDay(d.getTime()) - startOfDay(now)) / 86400000,\n  );\n  // `numeric` hour, not `2-digit`: in a 24-hour locale both give \"14:30\", but\n  // in a 12-hour one `2-digit` produces the dud leading zero of \"02:30 PM\".\n  const time = d.toLocaleTimeString(undefined, {\n    hour: 'numeric',\n    minute: '2-digit',\n  });\n  const hasTime = d.getHours() !== 0 || d.getMinutes() !== 0;\n\n  if (days === 0) return hasTime ? time : 'Today';\n  if (days === 1) return hasTime ? `Tomorrow ${time}` : 'Tomorrow';\n  if (days === -1) return hasTime ? `Yesterday ${time}` : 'Yesterday';\n\n  const date = d.toLocaleDateString(undefined, {\n    weekday: 'short',\n    day: 'numeric',\n    month: 'short',\n  });\n  return hasTime ? `${date} ${time}` : date;\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/home/panel.d.ts

@@ -0,0 +1,98 @@
+import type { ReactNode } from 'react';
+import { type LucideIcon } from 'lucide-react';
+/**
+ * The ONE content layout for a widget on the home board.
+ *
+ * This used to draw the card as well — `surface`, a hairline header rule, its
+ * own padding. It does not any more. `HomeCard`, via `WidgetFrame`, draws the
+ * card exactly once for every widget, and this arranges what goes inside it.
+ * The board's look stopped being a property of six leaf components agreeing
+ * with each other, which is what it was.
+ *
+ * THE INTERIOR IS SHOPIFY'S, measured off their home cards on 2026-08-18:
+ *
+ *   padding      16px on all four sides, and nothing else anywhere
+ *   title        15px semibold — theirs is 16px/550, ours is the nearest step
+ *                on our own scale and the scale does not grow a step for one
+ *                card
+ *   gap          12px title to body. It was 4px, which is the gap between two
+ *                lines of one thing — so a title and the content under it read
+ *                as a single stacked block rather than as a heading over a
+ *                body. A card's title needs enough air to be a title.
+ *   no rule      their cards carry no header divider. A rule inside a card
+ *                that already has a border, a radius and four shadow layers is
+ *                a fifth line saying the same thing, and it is the detail that
+ *                most made ours read as a table panel rather than as a card.
+ *
+ * The trailing action stays, and is ours: Shopify's cards are setup prompts
+ * with one bottom-left button, ours are data lists that genuinely need a way
+ * out to the full list. It is a quiet neutral link that reaches full contrast
+ * on hover, so saturated colour stays reserved for things that carry meaning.
+ */
+export declare function Panel({ title, action, control, children, className, bodyClassName, }: {
+    title: string;
+    action?: {
+        label: string;
+        href: string;
+    };
+    /**
+     * A control in the header, where `action` puts a link.
+     *
+     * Added because the widgets were hand-rolling `surface … p-4` with their own
+     * heading whenever they needed anything in the header that was not a link —
+     * a range switcher, a status pill — which is exactly the drift this file
+     * exists to stop. Extend the one chrome; do not draw a second one beside it.
+     */
+    control?: ReactNode;
+    children: React.ReactNode;
+    className?: string;
+    bodyClassName?: string;
+}): import("react").JSX.Element;
+/**
+ * The home's ONE empty state.
+ *
+ * Every panel used to invent its own: a big blue-tinted icon tile here, a bare
+ * lucide glyph there, a heading + body + two buttons somewhere else. This is a
+ * single treatment used everywhere, so an empty panel looks deliberate instead
+ * of looking like a different component author.
+ *
+ * The icon tile keeps its presence (it reads as an object, not a placeholder)
+ * but sits on the neutral surface tint rather than an arbitrary blue, so colour
+ * on this page continues to mean something.
+ */
+export declare function PanelEmpty({ icon: Icon, title, description, }: {
+    icon?: LucideIcon;
+    title: string;
+    description?: string;
+}): import("react").JSX.Element;
+/** A compact row used by the list panels (title + meta ↔ trailing value). */
+export declare function PanelRow({ title, meta, value, href, }: {
+    title: string;
+    meta?: string;
+    value?: string;
+    href?: string;
+}): import("react").JSX.Element;
+/**
+ * A card's primary action, and there is exactly ONE way to draw it.
+ *
+ * THIS EXISTS BECAUSE I KEPT REDECIDING IT. "Set up payments" was a `raised`
+ * pill Button, "View site" was a bare text link, and "Add your own domain" was
+ * a third thing — so two cards sitting side by side offered their main action
+ * in three different languages, and each new card started the argument again.
+ * A rule that lives in a docblock gets re-litigated; a rule that lives in a
+ * component cannot be.
+ *
+ * `raised` because a card action often sits over artwork, where a fill
+ * difference reads as a hole in the picture and a shadow reads as an object
+ * resting on it. `rounded-full` because that is this card's corner, and `sm`
+ * because a 280px card's action is not a page header's.
+ *
+ * If a card's action should look different from this, the answer is to change
+ * this — not to draw one beside it.
+ */
+export declare function PanelAction({ href, children, external, }: {
+    href: string;
+    children: ReactNode;
+    /** Opens in a new tab. For the storefront and anything else off-app. */
+    external?: boolean;
+}): import("react").JSX.Element;

package/dist/dashboard/home/panel.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ArrowRight } from "lucide-react";
+import { Button } from "@withpotter/ui-kit";
+function Panel({
+  title,
+  action,
+  control,
+  children,
+  className = "",
+  bodyClassName = ""
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: `relative z-10 flex h-full flex-col p-4 ${className}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 pb-3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold tracking-[-0.015em] text-[var(--text-primary)]", children: title }),
+      control,
+      action && /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: action.href,
+          className: "group/action inline-flex shrink-0 items-center gap-1 text-sm font-medium text-[var(--text-tertiary)] transition-colors hover:text-[var(--text-primary)]",
+          children: [
+            action.label,
+            /* @__PURE__ */ jsx(ArrowRight, { className: "transition-transform duration-[var(--motion-fast)] group-hover/action:translate-x-0.5" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: `min-h-0 flex-1 ${bodyClassName}`, children })
+  ] });
+}
+function PanelEmpty({
+  icon: Icon,
+  title,
+  description
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-[132px] flex-col items-center justify-center px-4 py-6 text-center", children: [
+    Icon && /* @__PURE__ */ jsx("span", { className: "mb-3 grid h-10 w-10 place-items-center rounded-xl bg-[var(--bg-subtle)] text-[var(--text-tertiary)]", children: /* @__PURE__ */ jsx(Icon, { className: "h-[18px] w-[18px]", strokeWidth: 1.75 }) }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--text-secondary)]", children: title }),
+    description && /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-[36ch] text-sm leading-relaxed text-[var(--text-tertiary)]", children: description })
+  ] });
+}
+function PanelRow({
+  title,
+  meta,
+  value,
+  href
+}) {
+  const body = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 py-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-[var(--text-primary)]", children: title }),
+      meta && /* @__PURE__ */ jsx("p", { className: "truncate text-sm text-[var(--text-tertiary)]", children: meta })
+    ] }),
+    value && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm font-semibold tabular-nums text-[var(--text-secondary)]", children: value })
+  ] });
+  return href ? /* @__PURE__ */ jsx(
+    Link,
+    {
+      href,
+      className: "-mx-2 block rounded-md px-2 transition-colors hover:bg-[var(--interactive-hover)]",
+      children: body
+    }
+  ) : /* @__PURE__ */ jsx("div", { className: "border-b border-[var(--border-subtle)] last:border-0", children: body });
+}
+function PanelAction({
+  href,
+  children,
+  external
+}) {
+  return /* @__PURE__ */ jsx(Button, { asChild: true, variant: "raised", size: "md", className: "w-fit rounded-full", children: external ? /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noreferrer", children }) : /* @__PURE__ */ jsx(Link, { href, children }) });
+}
+export {
+  Panel,
+  PanelAction,
+  PanelEmpty,
+  PanelRow
+};
+//# sourceMappingURL=panel.js.map

package/dist/dashboard/home/panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/panel.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport type { ReactNode } from 'react';\nimport { ArrowRight, type LucideIcon } from 'lucide-react';\nimport { Button } from '@withpotter/ui-kit';\n\n/**\n * The ONE content layout for a widget on the home board.\n *\n * This used to draw the card as well — `surface`, a hairline header rule, its\n * own padding. It does not any more. `HomeCard`, via `WidgetFrame`, draws the\n * card exactly once for every widget, and this arranges what goes inside it.\n * The board's look stopped being a property of six leaf components agreeing\n * with each other, which is what it was.\n *\n * THE INTERIOR IS SHOPIFY'S, measured off their home cards on 2026-08-18:\n *\n *   padding      16px on all four sides, and nothing else anywhere\n *   title        15px semibold — theirs is 16px/550, ours is the nearest step\n *                on our own scale and the scale does not grow a step for one\n *                card\n *   gap          12px title to body. It was 4px, which is the gap between two\n *                lines of one thing — so a title and the content under it read\n *                as a single stacked block rather than as a heading over a\n *                body. A card's title needs enough air to be a title.\n *   no rule      their cards carry no header divider. A rule inside a card\n *                that already has a border, a radius and four shadow layers is\n *                a fifth line saying the same thing, and it is the detail that\n *                most made ours read as a table panel rather than as a card.\n *\n * The trailing action stays, and is ours: Shopify's cards are setup prompts\n * with one bottom-left button, ours are data lists that genuinely need a way\n * out to the full list. It is a quiet neutral link that reaches full contrast\n * on hover, so saturated colour stays reserved for things that carry meaning.\n */\nexport function Panel({\n  title,\n  action,\n  control,\n  children,\n  className = '',\n  bodyClassName = '',\n}: {\n  title: string;\n  action?: { label: string; href: string };\n  /**\n   * A control in the header, where `action` puts a link.\n   *\n   * Added because the widgets were hand-rolling `surface … p-4` with their own\n   * heading whenever they needed anything in the header that was not a link —\n   * a range switcher, a status pill — which is exactly the drift this file\n   * exists to stop. Extend the one chrome; do not draw a second one beside it.\n   */\n  control?: ReactNode;\n  children: React.ReactNode;\n  className?: string;\n  bodyClassName?: string;\n}) {\n  return (\n    <section className={`relative z-10 flex h-full flex-col p-4 ${className}`}>\n      <div className=\"flex items-center justify-between gap-3 pb-3\">\n        <h3 className=\"text-lg font-semibold tracking-[-0.015em] text-[var(--text-primary)]\">\n          {title}\n        </h3>\n        {control}\n        {action && (\n          <Link\n            href={action.href}\n            className=\"group/action inline-flex shrink-0 items-center gap-1 text-sm font-medium text-[var(--text-tertiary)] transition-colors hover:text-[var(--text-primary)]\"\n          >\n            {action.label}\n            <ArrowRight className=\"transition-transform duration-[var(--motion-fast)] group-hover/action:translate-x-0.5\" />\n          </Link>\n        )}\n      </div>\n      <div className={`min-h-0 flex-1 ${bodyClassName}`}>{children}</div>\n    </section>\n  );\n}\n\n/**\n * The home's ONE empty state.\n *\n * Every panel used to invent its own: a big blue-tinted icon tile here, a bare\n * lucide glyph there, a heading + body + two buttons somewhere else. This is a\n * single treatment used everywhere, so an empty panel looks deliberate instead\n * of looking like a different component author.\n *\n * The icon tile keeps its presence (it reads as an object, not a placeholder)\n * but sits on the neutral surface tint rather than an arbitrary blue, so colour\n * on this page continues to mean something.\n */\nexport function PanelEmpty({\n  icon: Icon,\n  title,\n  description,\n}: {\n  icon?: LucideIcon;\n  title: string;\n  description?: string;\n}) {\n  return (\n    <div className=\"flex h-full min-h-[132px] flex-col items-center justify-center px-4 py-6 text-center\">\n      {Icon && (\n        <span className=\"mb-3 grid h-10 w-10 place-items-center rounded-xl bg-[var(--bg-subtle)] text-[var(--text-tertiary)]\">\n          <Icon className=\"h-[18px] w-[18px]\" strokeWidth={1.75} />\n        </span>\n      )}\n      <p className=\"text-sm font-medium text-[var(--text-secondary)]\">\n        {title}\n      </p>\n      {description && (\n        <p className=\"mt-1 max-w-[36ch] text-sm leading-relaxed text-[var(--text-tertiary)]\">\n          {description}\n        </p>\n      )}\n    </div>\n  );\n}\n\n/** A compact row used by the list panels (title + meta ↔ trailing value). */\nexport function PanelRow({\n  title,\n  meta,\n  value,\n  href,\n}: {\n  title: string;\n  meta?: string;\n  value?: string;\n  href?: string;\n}) {\n  const body = (\n    <div className=\"flex items-center justify-between gap-3 py-3\">\n      <div className=\"min-w-0\">\n        <p className=\"truncate text-sm font-medium text-[var(--text-primary)]\">\n          {title}\n        </p>\n        {meta && (\n          <p className=\"truncate text-sm text-[var(--text-tertiary)]\">{meta}</p>\n        )}\n      </div>\n      {value && (\n        <span className=\"shrink-0 text-sm font-semibold tabular-nums text-[var(--text-secondary)]\">\n          {value}\n        </span>\n      )}\n    </div>\n  );\n\n  return href ? (\n    <Link\n      href={href}\n      className=\"-mx-2 block rounded-md px-2 transition-colors hover:bg-[var(--interactive-hover)]\"\n    >\n      {body}\n    </Link>\n  ) : (\n    <div className=\"border-b border-[var(--border-subtle)] last:border-0\">\n      {body}\n    </div>\n  );\n}\n\n/**\n * A card's primary action, and there is exactly ONE way to draw it.\n *\n * THIS EXISTS BECAUSE I KEPT REDECIDING IT. \"Set up payments\" was a `raised`\n * pill Button, \"View site\" was a bare text link, and \"Add your own domain\" was\n * a third thing — so two cards sitting side by side offered their main action\n * in three different languages, and each new card started the argument again.\n * A rule that lives in a docblock gets re-litigated; a rule that lives in a\n * component cannot be.\n *\n * `raised` because a card action often sits over artwork, where a fill\n * difference reads as a hole in the picture and a shadow reads as an object\n * resting on it. `rounded-full` because that is this card's corner, and `sm`\n * because a 280px card's action is not a page header's.\n *\n * If a card's action should look different from this, the answer is to change\n * this — not to draw one beside it.\n */\nexport function PanelAction({\n  href,\n  children,\n  external,\n}: {\n  href: string;\n  children: ReactNode;\n  /** Opens in a new tab. For the storefront and anything else off-app. */\n  external?: boolean;\n}) {\n  return (\n    <Button asChild variant=\"raised\" size=\"md\" className=\"w-fit rounded-full\">\n      {external ? (\n        <a href={href} target=\"_blank\" rel=\"noreferrer\">\n          {children}\n        </a>\n      ) : (\n        <Link href={href}>{children}</Link>\n      )}\n    </Button>\n  );\n}\n"],"mappings":";AA8DQ,cAKE,YALF;AA5DR,OAAO,UAAU;AAEjB,SAAS,kBAAmC;AAC5C,SAAS,cAAc;AA+BhB,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAClB,GAeG;AACD,SACE,qBAAC,aAAQ,WAAW,0CAA0C,SAAS,IACrE;AAAA,yBAAC,SAAI,WAAU,gDACb;AAAA,0BAAC,QAAG,WAAU,wEACX,iBACH;AAAA,MACC;AAAA,MACA,UACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,OAAO;AAAA,UACb,WAAU;AAAA,UAET;AAAA,mBAAO;AAAA,YACR,oBAAC,cAAW,WAAU,yFAAwF;AAAA;AAAA;AAAA,MAChH;AAAA,OAEJ;AAAA,IACA,oBAAC,SAAI,WAAW,kBAAkB,aAAa,IAAK,UAAS;AAAA,KAC/D;AAEJ;AAcO,SAAS,WAAW;AAAA,EACzB,MAAM;AAAA,EACN;AAAA,EACA;AACF,GAIG;AACD,SACE,qBAAC,SAAI,WAAU,wFACZ;AAAA,YACC,oBAAC,UAAK,WAAU,uGACd,8BAAC,QAAK,WAAU,qBAAoB,aAAa,MAAM,GACzD;AAAA,IAEF,oBAAC,OAAE,WAAU,oDACV,iBACH;AAAA,IACC,eACC,oBAAC,OAAE,WAAU,yEACV,uBACH;AAAA,KAEJ;AAEJ;AAGO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,OACJ,qBAAC,SAAI,WAAU,gDACb;AAAA,yBAAC,SAAI,WAAU,WACb;AAAA,0BAAC,OAAE,WAAU,2DACV,iBACH;AAAA,MACC,QACC,oBAAC,OAAE,WAAU,gDAAgD,gBAAK;AAAA,OAEtE;AAAA,IACC,SACC,oBAAC,UAAK,WAAU,4EACb,iBACH;AAAA,KAEJ;AAGF,SAAO,OACL;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MAET;AAAA;AAAA,EACH,IAEA,oBAAC,SAAI,WAAU,wDACZ,gBACH;AAEJ;AAoBO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACE,oBAAC,UAAO,SAAO,MAAC,SAAQ,UAAS,MAAK,MAAK,WAAU,sBAClD,qBACC,oBAAC,OAAE,MAAY,QAAO,UAAS,KAAI,cAChC,UACH,IAEA,oBAAC,QAAK,MAAa,UAAS,GAEhC;AAEJ;","names":[]}

package/dist/dashboard/home/person-activity.d.ts

@@ -0,0 +1,27 @@
+import type { TeamMemberResponse } from '@withpotter/lib/api/types';
+/**
+ * What one person has actually been doing.
+ *
+ * WHY IT IS NOT THE HOME'S ACTIVITY CARD FILTERED. Those are two different
+ * feeds and only one of them knows who acted. `buildActivityItems` assembles
+ * the home's card from orders, invoices, products and members — none of which
+ * carry an actor — so "filter Activity by person" was never possible against
+ * that source however small it sounded. `GET /team/activity` is the attributed
+ * log, it already accepts `memberAccountId`, and it had no caller.
+ *
+ * RECORDED ONLY, and the API enforces it rather than this component: asking for
+ * one person returns only entries where somebody was genuinely recorded acting.
+ * A derived row cannot say who did it, so padding a per-person feed with them
+ * would answer "what has Ada been doing" with somebody else's customer.
+ *
+ * A DIALOG, NOT A POPOVER. The header is in the top-right corner of a scrolling
+ * page, so a panel hanging off a 24px avatar would open half off-screen on a
+ * laptop and move whenever the page scrolled. This also gets Escape, the focus
+ * trap and the return-focus for free from `Dialog`, which a hand-rolled overlay
+ * would have had to reimplement — and the audit found 12% of hand-rolled
+ * overlays did not.
+ */
+export declare function PersonActivity({ member, onClose, }: {
+    member: TeamMemberResponse;
+    onClose: () => void;
+}): import("react").JSX.Element;

package/dist/dashboard/home/person-activity.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { teamApi } from "@withpotter/lib/api/team";
+import { generatedAvatarUri } from "@withpotter/ui-kit/generated-avatar";
+import { formatTimeAgo } from "@withpotter/lib/utils";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle
+} from "@withpotter/ui-kit";
+function PersonActivity({
+  member,
+  onClose
+}) {
+  const { tenant } = useAuth();
+  const name = member.name || member.email || "Team member";
+  const { data, isPending } = useQuery({
+    queryKey: ["team-activity", tenant?.slug, member.accountId],
+    queryFn: () => teamApi.listActivity(tenant.slug, {
+      memberAccountId: member.accountId,
+      limit: 8
+    }),
+    // An invited-but-not-joined member has no account yet, so there is nothing
+    // attributable to ask for.
+    enabled: !!tenant?.slug && !!member.accountId,
+    staleTime: 6e4
+  });
+  const entries = data?.entries ?? [];
+  return /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: (o) => !o && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-md", children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: generatedAvatarUri(member.email || member.id),
+          alt: "",
+          className: "h-7 w-7 shrink-0 rounded-full object-cover"
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("span", { className: "block truncate", children: name }),
+        /* @__PURE__ */ jsx("span", { className: "block truncate text-sm font-normal text-[var(--text-tertiary)]", children: member.roleName || member.role })
+      ] })
+    ] }) }),
+    !member.accountId ? (
+      // Invited, never joined. Saying "no activity" would imply they turned
+      // up and did nothing.
+      /* @__PURE__ */ jsxs("p", { className: "py-6 text-center text-sm text-[var(--text-tertiary)]", children: [
+        name,
+        " hasn\u2019t accepted their invite yet."
+      ] })
+    ) : isPending ? /* @__PURE__ */ jsx("div", { className: "space-y-2 py-2", "aria-hidden": true, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "block h-9 animate-pulse rounded-lg bg-[var(--bg-subtle)]"
+      },
+      i
+    )) }) : entries.length === 0 ? /* @__PURE__ */ jsxs("p", { className: "py-6 text-center text-sm text-[var(--text-tertiary)]", children: [
+      "Nothing recorded for ",
+      name,
+      " yet."
+    ] }) : /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: entries.map((e) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "flex items-baseline justify-between gap-3 rounded-lg px-2 py-2",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 text-md text-[var(--text-secondary)]", children: e.summary }),
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm tabular-nums text-[var(--text-muted)]", children: formatTimeAgo(e.createdAt) })
+        ]
+      },
+      e.id
+    )) })
+  ] }) });
+}
+export {
+  PersonActivity
+};
+//# sourceMappingURL=person-activity.js.map

package/dist/dashboard/home/person-activity.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/person-activity.tsx"],"sourcesContent":["'use client';\n\nimport { useQuery } from '@tanstack/react-query';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { teamApi } from '@withpotter/lib/api/team';\nimport type { TeamMemberResponse } from '@withpotter/lib/api/types';\nimport { generatedAvatarUri } from '@withpotter/ui-kit/generated-avatar';\nimport { formatTimeAgo } from '@withpotter/lib/utils';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n} from '@withpotter/ui-kit';\n\n/**\n * What one person has actually been doing.\n *\n * WHY IT IS NOT THE HOME'S ACTIVITY CARD FILTERED. Those are two different\n * feeds and only one of them knows who acted. `buildActivityItems` assembles\n * the home's card from orders, invoices, products and members — none of which\n * carry an actor — so \"filter Activity by person\" was never possible against\n * that source however small it sounded. `GET /team/activity` is the attributed\n * log, it already accepts `memberAccountId`, and it had no caller.\n *\n * RECORDED ONLY, and the API enforces it rather than this component: asking for\n * one person returns only entries where somebody was genuinely recorded acting.\n * A derived row cannot say who did it, so padding a per-person feed with them\n * would answer \"what has Ada been doing\" with somebody else's customer.\n *\n * A DIALOG, NOT A POPOVER. The header is in the top-right corner of a scrolling\n * page, so a panel hanging off a 24px avatar would open half off-screen on a\n * laptop and move whenever the page scrolled. This also gets Escape, the focus\n * trap and the return-focus for free from `Dialog`, which a hand-rolled overlay\n * would have had to reimplement — and the audit found 12% of hand-rolled\n * overlays did not.\n */\nexport function PersonActivity({\n  member,\n  onClose,\n}: {\n  member: TeamMemberResponse;\n  onClose: () => void;\n}) {\n  const { tenant } = useAuth();\n  const name = member.name || member.email || 'Team member';\n\n  const { data, isPending } = useQuery({\n    queryKey: ['team-activity', tenant?.slug, member.accountId],\n    queryFn: () =>\n      teamApi.listActivity(tenant!.slug, {\n        memberAccountId: member.accountId!,\n        limit: 8,\n      }),\n    // An invited-but-not-joined member has no account yet, so there is nothing\n    // attributable to ask for.\n    enabled: !!tenant?.slug && !!member.accountId,\n    staleTime: 60_000,\n  });\n\n  const entries = data?.entries ?? [];\n\n  return (\n    <Dialog open onOpenChange={(o) => !o && onClose()}>\n      <DialogContent className=\"max-w-md\">\n        <DialogHeader>\n          <DialogTitle className=\"flex items-center gap-3\">\n            {/* eslint-disable-next-line @next/next/no-img-element */}\n            <img\n              src={generatedAvatarUri(member.email || member.id)}\n              alt=\"\"\n              className=\"h-7 w-7 shrink-0 rounded-full object-cover\"\n            />\n            <span className=\"min-w-0\">\n              <span className=\"block truncate\">{name}</span>\n              <span className=\"block truncate text-sm font-normal text-[var(--text-tertiary)]\">\n                {member.roleName || member.role}\n              </span>\n            </span>\n          </DialogTitle>\n        </DialogHeader>\n\n        {!member.accountId ? (\n          // Invited, never joined. Saying \"no activity\" would imply they turned\n          // up and did nothing.\n          <p className=\"py-6 text-center text-sm text-[var(--text-tertiary)]\">\n            {name} hasn’t accepted their invite yet.\n          </p>\n        ) : isPending ? (\n          <div className=\"space-y-2 py-2\" aria-hidden>\n            {[0, 1, 2].map((i) => (\n              <span\n                key={i}\n                className=\"block h-9 animate-pulse rounded-lg bg-[var(--bg-subtle)]\"\n              />\n            ))}\n          </div>\n        ) : entries.length === 0 ? (\n          <p className=\"py-6 text-center text-sm text-[var(--text-tertiary)]\">\n            Nothing recorded for {name} yet.\n          </p>\n        ) : (\n          <ul className=\"space-y-1\">\n            {entries.map((e) => (\n              <li\n                key={e.id}\n                className=\"flex items-baseline justify-between gap-3 rounded-lg px-2 py-2\"\n              >\n                <span className=\"min-w-0 text-md text-[var(--text-secondary)]\">\n                  {e.summary}\n                </span>\n                <span className=\"shrink-0 text-sm tabular-nums text-[var(--text-muted)]\">\n                  {formatTimeAgo(e.createdAt)}\n                </span>\n              </li>\n            ))}\n          </ul>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAoEY,cAKA,YALA;AAlEZ,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,eAAe;AAExB,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAwBA,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;AACD,QAAM,EAAE,OAAO,IAAI,QAAQ;AAC3B,QAAM,OAAO,OAAO,QAAQ,OAAO,SAAS;AAE5C,QAAM,EAAE,MAAM,UAAU,IAAI,SAAS;AAAA,IACnC,UAAU,CAAC,iBAAiB,QAAQ,MAAM,OAAO,SAAS;AAAA,IAC1D,SAAS,MACP,QAAQ,aAAa,OAAQ,MAAM;AAAA,MACjC,iBAAiB,OAAO;AAAA,MACxB,OAAO;AAAA,IACT,CAAC;AAAA;AAAA;AAAA,IAGH,SAAS,CAAC,CAAC,QAAQ,QAAQ,CAAC,CAAC,OAAO;AAAA,IACpC,WAAW;AAAA,EACb,CAAC;AAED,QAAM,UAAU,MAAM,WAAW,CAAC;AAElC,SACE,oBAAC,UAAO,MAAI,MAAC,cAAc,CAAC,MAAM,CAAC,KAAK,QAAQ,GAC9C,+BAAC,iBAAc,WAAU,YACvB;AAAA,wBAAC,gBACC,+BAAC,eAAY,WAAU,2BAErB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,mBAAmB,OAAO,SAAS,OAAO,EAAE;AAAA,UACjD,KAAI;AAAA,UACJ,WAAU;AAAA;AAAA,MACZ;AAAA,MACA,qBAAC,UAAK,WAAU,WACd;AAAA,4BAAC,UAAK,WAAU,kBAAkB,gBAAK;AAAA,QACvC,oBAAC,UAAK,WAAU,kEACb,iBAAO,YAAY,OAAO,MAC7B;AAAA,SACF;AAAA,OACF,GACF;AAAA,IAEC,CAAC,OAAO;AAAA;AAAA;AAAA,MAGP,qBAAC,OAAE,WAAU,wDACV;AAAA;AAAA,QAAK;AAAA,SACR;AAAA,QACE,YACF,oBAAC,SAAI,WAAU,kBAAiB,eAAW,MACxC,WAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA;AAAA,MADL;AAAA,IAEP,CACD,GACH,IACE,QAAQ,WAAW,IACrB,qBAAC,OAAE,WAAU,wDAAuD;AAAA;AAAA,MAC5C;AAAA,MAAK;AAAA,OAC7B,IAEA,oBAAC,QAAG,WAAU,aACX,kBAAQ,IAAI,CAAC,MACZ;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QAEV;AAAA,8BAAC,UAAK,WAAU,gDACb,YAAE,SACL;AAAA,UACA,oBAAC,UAAK,WAAU,0DACb,wBAAc,EAAE,SAAS,GAC5B;AAAA;AAAA;AAAA,MARK,EAAE;AAAA,IAST,CACD,GACH;AAAA,KAEJ,GACF;AAEJ;","names":[]}

package/dist/dashboard/home/search-tips.d.ts

@@ -0,0 +1 @@
+export declare function SearchTips(): import("react").JSX.Element;