@withpotter/components 0.13.0-next.101

package/dist/mobile/screens/manage.js

@@ -0,0 +1,524 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Filter, ChevronRight } from "lucide-react";
+import {
+  IntentSwitcher,
+  SearchField,
+  StickyCtaBar,
+  stickyCtaScrollPadding
+} from "@withpotter/components/mobile/primitives";
+import { formatOrderNumber } from "@withpotter/lib/order-config";
+import { MobileStatusChip, SwipeRow } from "@withpotter/components/mobile/primitives";
+import { TabNav } from "@withpotter/ui-kit/tab-nav";
+import { MobileScreenFrame } from "@withpotter/components/mobile/screen-frame-host";
+import { Checkbox } from "@withpotter/ui-kit/checkbox";
+import { Button } from "@withpotter/ui-kit/button";
+function formatRelativeTime(dateStr) {
+  const diffMs = Date.now() - new Date(dateStr).getTime();
+  const sec = Math.floor(diffMs / 1e3);
+  if (sec < 60) return "Just now";
+  const min = Math.floor(sec / 60);
+  if (min < 60) return `${min}m ago`;
+  const hr = Math.floor(min / 60);
+  if (hr < 24) return `${hr}h ago`;
+  const day = Math.floor(hr / 24);
+  if (day < 7) return `${day}d ago`;
+  return new Date(dateStr).toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric"
+  });
+}
+function formatBookingTime(dateStr) {
+  const d = new Date(dateStr);
+  const hours = d.getHours();
+  const minutes = d.getMinutes();
+  const period = hours >= 12 ? "PM" : "AM";
+  const displayHour = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;
+  const displayMinute = minutes.toString().padStart(2, "0");
+  return { time: `${displayHour}:${displayMinute}`, period };
+}
+function bucketOf(dateStr) {
+  const d = new Date(dateStr);
+  const now = /* @__PURE__ */ new Date();
+  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+  const tomorrow = new Date(today);
+  tomorrow.setDate(tomorrow.getDate() + 1);
+  const weekEnd = new Date(today);
+  weekEnd.setDate(weekEnd.getDate() + 7);
+  const ds = d.getTime();
+  if (ds >= today.getTime() && ds < tomorrow.getTime()) return "today";
+  if (ds >= tomorrow.getTime() && ds < new Date(tomorrow).setDate(tomorrow.getDate() + 1))
+    return "tomorrow";
+  if (ds >= today.getTime() && ds < weekEnd.getTime()) return "thisWeek";
+  return "earlier";
+}
+const BUCKET_LABEL = {
+  today: "Today",
+  tomorrow: "Tomorrow",
+  thisWeek: "This week",
+  earlier: "Earlier"
+};
+function groupOrders(orders, variant) {
+  const buckets = {
+    today: [],
+    tomorrow: [],
+    thisWeek: [],
+    earlier: []
+  };
+  for (const o of orders) {
+    buckets[bucketOf(o.createdAt)].push(o);
+  }
+  for (const k of Object.keys(buckets)) {
+    buckets[k].sort((a, b) => {
+      const at = new Date(a.createdAt).getTime();
+      const bt = new Date(b.createdAt).getTime();
+      return variant === "booking" ? at - bt : bt - at;
+    });
+  }
+  const order = ["today", "tomorrow", "thisWeek", "earlier"];
+  return order.filter((b) => buckets[b].length > 0).map((bucket) => ({ bucket, items: buckets[bucket] }));
+}
+function MobileManageScreen({
+  intentLabel,
+  orderLabel,
+  orderLabelPlural,
+  searchQuery,
+  onSearchChange,
+  searchPlaceholder,
+  emptyAction,
+  tabs,
+  activeTab,
+  tabCounts,
+  onTabChange,
+  onFilterPress,
+  orders,
+  loading,
+  total,
+  formatCurrency,
+  rowVariant = "order",
+  onConfirmOrder,
+  emptyCopy,
+  hasMore,
+  onLoadMore,
+  orderDisplay,
+  intents,
+  activeIntentKey,
+  onIntentChange,
+  onShowAllIntents,
+  headerActions,
+  banner,
+  selection
+}) {
+  const showIntentSwitcher = intents && intents.length > 1 && onIntentChange;
+  const grouped = groupOrders(orders, rowVariant);
+  const labelLower = orderLabelPlural.toLowerCase();
+  const selecting = !!selection?.active;
+  return (
+    /* The frame owns the app row, the sheet, the title and the tab bar. Every
+       native screen used to draw all four itself — the same root div, the same
+       `env(safe-area-inset-top)`, the same title, the same `<BottomTabBar/>`,
+       thirteen times and already disagreeing on padding and title size. */
+    /* @__PURE__ */ jsxs(
+      MobileScreenFrame,
+      {
+        title: orderLabelPlural,
+        actions: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          headerActions,
+          /* @__PURE__ */ jsxs(
+            "p",
+            {
+              className: "text-xs tabular-nums",
+              style: { color: "var(--mb-text-tertiary)" },
+              children: [
+                total,
+                " total"
+              ]
+            }
+          )
+        ] }),
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "sticky top-0 z-10 pb-2 pt-3 backdrop-blur",
+              style: {
+                background: "var(--mb-canvas)",
+                borderBottom: "1px solid var(--mb-border)"
+              },
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    SearchField,
+                    {
+                      className: "flex-1",
+                      placeholder: searchPlaceholder ?? `Search ${labelLower}\u2026`,
+                      value: searchQuery,
+                      onChange: onSearchChange
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: onFilterPress,
+                      disabled: !onFilterPress,
+                      className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl border disabled:opacity-50",
+                      style: {
+                        borderColor: "var(--mb-border)",
+                        background: "var(--mb-card)",
+                        color: "var(--mb-text-secondary)"
+                      },
+                      "aria-label": "Filter",
+                      children: /* @__PURE__ */ jsx(Filter, { className: "size-4" })
+                    }
+                  ),
+                  selection ? /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: selecting ? selection.onExit : selection.onEnter,
+                      className: "h-11 shrink-0 px-1 text-2xs font-medium",
+                      style: {
+                        color: selecting ? "var(--mb-accent)" : "var(--mb-text-secondary)"
+                      },
+                      children: selecting ? "Cancel" : "Select"
+                    }
+                  ) : null
+                ] }),
+                showIntentSwitcher ? /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsx(
+                  IntentSwitcher,
+                  {
+                    intents,
+                    activeKey: activeIntentKey ?? null,
+                    onChange: onIntentChange,
+                    onShowAll: onShowAllIntents
+                  }
+                ) }) : null,
+                tabs && tabs.length > 1 && onTabChange ? /* @__PURE__ */ jsx(
+                  TabNav,
+                  {
+                    className: "mt-3",
+                    tabs: tabs.map((tab) => ({
+                      id: tab.key,
+                      label: tab.label,
+                      count: tabCounts?.[tab.key]
+                    })),
+                    activeTab: activeTab ?? tabs[0].key,
+                    onTabChange
+                  }
+                ) : null
+              ]
+            }
+          ),
+          banner ? /* @__PURE__ */ jsx("div", { className: "mt-6", children: banner }) : null,
+          /* @__PURE__ */ jsxs(
+            "section",
+            {
+              className: "mt-6 overflow-hidden rounded-2xl border p-4",
+              style: {
+                background: "color-mix(in srgb, var(--mb-surface) 97%, var(--mb-border) 3%)",
+                borderColor: "var(--mb-border)"
+              },
+              children: [
+                loading && orders.length === 0 ? /* @__PURE__ */ jsx(ListSkeleton, {}) : orders.length === 0 ? /* @__PURE__ */ jsx(
+                  EmptyState,
+                  {
+                    label: labelLower,
+                    copy: emptyCopy,
+                    action: emptyAction
+                  }
+                ) : grouped.map((group) => /* @__PURE__ */ jsxs("div", { className: "mt-4 first:mt-0", children: [
+                  /* @__PURE__ */ jsxs(
+                    "p",
+                    {
+                      className: "px-1 text-3xs font-medium",
+                      style: { color: "var(--mb-text-tertiary)" },
+                      children: [
+                        BUCKET_LABEL[group.bucket],
+                        " \xB7 ",
+                        group.items.length,
+                        " ",
+                        group.items.length === 1 ? orderLabel.toLowerCase() : labelLower
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "mt-2 space-y-2", children: group.items.map(
+                    (order) => rowVariant === "booking" ? /* @__PURE__ */ jsx(
+                      BookingRow,
+                      {
+                        order,
+                        orderDisplay
+                      },
+                      order.id
+                    ) : /* @__PURE__ */ jsx(
+                      OrderRow,
+                      {
+                        order,
+                        formatCurrency,
+                        orderDisplay,
+                        onConfirm: onConfirmOrder && order.status === "pending" ? () => onConfirmOrder(order) : void 0,
+                        selecting,
+                        selected: selection?.selectedIds.has(order.id) ?? false,
+                        onToggleSelect: selection ? () => selection.onToggle(order.id) : void 0
+                      },
+                      order.id
+                    )
+                  ) })
+                ] }, group.bucket)),
+                hasMore && onLoadMore ? /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: onLoadMore,
+                    disabled: loading,
+                    className: "mt-4 flex h-11 w-full items-center justify-center rounded-xl border text-sm font-medium disabled:opacity-50",
+                    style: {
+                      borderColor: "var(--mb-border)",
+                      background: "var(--mb-card)",
+                      boxShadow: "var(--shadow-md)",
+                      color: "var(--mb-text)"
+                    },
+                    children: loading ? "Loading\u2026" : `Load more ${labelLower}`
+                  }
+                ) : null,
+                selecting && (selection?.selectedIds.size ?? 0) > 0 ? /* @__PURE__ */ jsx("div", { style: { height: stickyCtaScrollPadding() } }) : null
+              ]
+            }
+          ),
+          selecting && selection && selection.selectedIds.size > 0 ? /* @__PURE__ */ jsx(StickyCtaBar, { children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "rounded-2xl border px-4 py-3 shadow-[var(--shadow-lg)]",
+              style: {
+                borderColor: "var(--mb-border)",
+                background: "var(--mb-surface)"
+              },
+              children: selection.bar
+            }
+          ) }) : null
+        ]
+      }
+    )
+  );
+}
+function OrderRow({
+  order,
+  formatCurrency,
+  onConfirm,
+  orderDisplay,
+  selecting,
+  selected,
+  onToggleSelect
+}) {
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    selecting ? /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        bare: true,
+        checked: !!selected,
+        onChange: onToggleSelect,
+        onClick: (e) => e.stopPropagation(),
+        "aria-label": `Select ${formatOrderNumber(order.orderNumber)}`
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: "truncate text-md font-medium",
+            style: { color: "var(--mb-text)" },
+            children: formatOrderNumber(order.orderNumber)
+          }
+        ),
+        /* @__PURE__ */ jsx(MobileStatusChip, { status: order.status, orderDisplay })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "p",
+        {
+          className: "mt-0.5 truncate text-2xs",
+          style: { color: "var(--mb-text-tertiary)" },
+          children: [
+            order.customerName || order.customerEmail,
+            " \xB7",
+            " ",
+            formatRelativeTime(order.createdAt)
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "shrink-0 text-right", children: [
+      /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: "text-md font-semibold tabular-nums",
+          style: { color: "var(--mb-text)" },
+          children: formatCurrency(order.total, order.currency)
+        }
+      ),
+      /* @__PURE__ */ jsxs("p", { className: "text-3xs", style: { color: "var(--mb-text-muted)" }, children: [
+        order.items?.length ?? 0,
+        " ",
+        (order.items?.length ?? 0) === 1 ? "item" : "items"
+      ] })
+    ] }),
+    selecting ? null : /* @__PURE__ */ jsx(
+      ChevronRight,
+      {
+        className: "size-4 shrink-0",
+        style: { color: "var(--mb-text-muted)" }
+      }
+    )
+  ] });
+  const rowClass = "flex w-full items-center gap-3 rounded-2xl border p-4 text-left";
+  const rowStyle = {
+    borderColor: "var(--mb-border)",
+    background: "var(--mb-card)",
+    // `--shadow-sm` is a no-op below the `lg` breakpoint (see
+    // docs/DESIGN_SYSTEM.md § Tokens), and a row on the phone is always
+    // below it — `-md` is the same token family, still a real bevel, just
+    // the step that survives on a screen with no hover.
+    boxShadow: "var(--shadow-md)",
+    minHeight: 74
+  };
+  const row = selecting ? /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: onToggleSelect,
+      className: rowClass,
+      style: rowStyle,
+      children: inner
+    }
+  ) : /* @__PURE__ */ jsx(
+    Link,
+    {
+      href: `/dashboard/orders/${order.id}`,
+      className: rowClass,
+      style: rowStyle,
+      children: inner
+    }
+  );
+  return onConfirm && !selecting ? /* @__PURE__ */ jsx(SwipeRow, { label: "Confirm", onAction: onConfirm, children: row }) : row;
+}
+function BookingRow({
+  order,
+  orderDisplay
+}) {
+  const { time, period } = formatBookingTime(order.createdAt);
+  const partyCount = order.items?.reduce((sum, i) => sum + (i.quantity || 0), 0) ?? 0;
+  const metaParts = [];
+  if (partyCount > 0) {
+    metaParts.push(`Party of ${partyCount}`);
+  }
+  if (order.customerNote) {
+    metaParts.push(order.customerNote);
+  } else if (order.items?.[0]?.title) {
+    metaParts.push(order.items[0].title);
+  }
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      href: `/dashboard/orders/${order.id}`,
+      className: "block overflow-hidden rounded-2xl border",
+      style: {
+        borderColor: "var(--mb-border)",
+        background: "var(--mb-card)",
+        boxShadow: "var(--shadow-md)"
+      },
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex w-14 shrink-0 flex-col items-start", children: [
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-md font-semibold tabular-nums",
+              style: { color: "var(--mb-text)" },
+              children: time
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-3xs font-medium",
+              style: { color: "var(--mb-text-tertiary)" },
+              children: period
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "min-w-0 flex-1 border-l pl-3",
+            style: { borderColor: "var(--mb-border)" },
+            children: [
+              /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: "truncate text-sm font-medium",
+                  style: { color: "var(--mb-text)" },
+                  children: order.customerName || order.customerEmail || "Guest"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: "mt-0.5 truncate text-2xs",
+                  style: { color: "var(--mb-text-tertiary)" },
+                  children: metaParts.length > 0 ? metaParts.join(" \xB7 ") : formatOrderNumber(order.orderNumber)
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(MobileStatusChip, { status: order.status, orderDisplay })
+      ] })
+    }
+  );
+}
+function ListSkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: "space-y-2", children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "rounded-2xl border p-4",
+      style: {
+        borderColor: "var(--mb-border)",
+        background: "var(--mb-card)",
+        boxShadow: "var(--shadow-md)",
+        minHeight: 74
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "h-3 w-1/3 rounded-full",
+            style: { background: "var(--mb-elevated)" }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "mt-2 h-2 w-2/3 rounded-full",
+            style: { background: "var(--mb-elevated)" }
+          }
+        )
+      ]
+    },
+    i
+  )) });
+}
+function EmptyState({
+  label,
+  copy,
+  action
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 px-4 py-10 text-center", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", style: { color: "var(--mb-text)" }, children: copy?.title ?? `No ${label} yet` }),
+    /* @__PURE__ */ jsx("p", { className: "text-2xs", style: { color: "var(--mb-text-tertiary)" }, children: copy?.description ?? `New ${label} will appear here as they arrive.` }),
+    action ? /* @__PURE__ */ jsx(Button, { asChild: true, className: "mt-2", size: "md", children: /* @__PURE__ */ jsx(Link, { href: action.href, children: action.label }) }) : null
+  ] });
+}
+export {
+  MobileManageScreen
+};
+//# sourceMappingURL=manage.js.map

package/dist/mobile/screens/manage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mobile/screens/manage.tsx"],"sourcesContent":["'use client';\n\n/**\n * Mobile screen — Manage tab\n *\n * Route: /dashboard/orders (mobile)\n * Archetype: LIST\n *\n * Matches `ManageOrders` / `ManageMultiIntent` in mobile-redesign-mockups.tsx:\n * - Sticky search + filter button + intent switcher (multi)\n * - Filter chips with count badges\n * - Date-grouped section labels (\"Tonight · 6 bookings\")\n * - Order rows OR booking rows (time-led layout) depending on intent\n */\n\nimport React from 'react';\nimport Link from 'next/link';\nimport { Filter, ChevronRight } from 'lucide-react';\nimport {\n  IntentSwitcher,\n  SearchField,\n  StickyCtaBar,\n  stickyCtaScrollPadding,\n} from '@withpotter/components/mobile/primitives';\nimport type { Order } from '@withpotter/lib/api/types';\nimport { formatOrderNumber } from '@withpotter/lib/order-config';\nimport type { IntentConfig, OrderDisplay } from '@withpotter/lib/intents/types';\nimport { MobileStatusChip, SwipeRow } from '@withpotter/components/mobile/primitives';\nimport { TabNav } from '@withpotter/ui-kit/tab-nav';\nimport { MobileScreenFrame } from '@withpotter/components/mobile/screen-frame-host';\nimport { Checkbox } from '@withpotter/ui-kit/checkbox';\nimport { Button } from '@withpotter/ui-kit/button';\n\n/**\n * The register rail, as a pinned chip row on the phone.\n *\n * Same shape `useRailFilter` already builds for the desktop `FilterBar` —\n * `value`/`options`/`onChange` — so the queue and the register move between\n * the three rails through one control wherever it renders, not a second\n * vocabulary invented for the phone.\n */\nexport interface ManageRailFilter {\n  value: string;\n  label: string;\n  options: { value: string; label: string }[];\n  onChange: (value: string) => void;\n}\n\n/**\n * Bulk selection, handed in rather than owned here.\n *\n * The tick boxes and the \"Select\" toggle live in this file because the rows\n * do, but WHAT selecting means — the bulk bar, handover, export — is the\n * page's business, same as the desktop table never decided that either. `bar`\n * is the already-built `OrderBulkBar`, so a batch action on a phone asks the\n * same questions in the same dialog a batch action on a desktop does.\n */\nexport interface ManageSelection {\n  active: boolean;\n  selectedIds: Set<string>;\n  allSelected: boolean;\n  onToggle: (id: string) => void;\n  onToggleAll: () => void;\n  onEnter: () => void;\n  onExit: () => void;\n  bar: React.ReactNode;\n}\n\nexport type ManageRowVariant = 'order' | 'booking';\n\nexport interface ManageTab {\n  key: string;\n  label: string;\n  /** Optional count badge displayed as a small number next to the label. */\n  count?: number;\n}\n\nexport interface MobileManageScreenProps {\n  intentLabel: string;\n  orderLabel: string; // singular e.g. \"Order\" / \"Booking\" / \"Ticket\"\n  orderLabelPlural: string;\n  searchQuery: string;\n  onSearchChange: (value: string) => void;\n  searchPlaceholder?: string;\n  emptyAction?: { label: string; href: string };\n  tabs?: { key: string; label: string }[];\n  activeTab?: string;\n  tabCounts?: Record<string, number | undefined>;\n  onTabChange?: (tab: string) => void;\n  /** Optional handler for the filter icon button. */\n  onFilterPress?: () => void;\n  orders: Order[];\n  loading: boolean;\n  total: number;\n  formatCurrency: (n: number, currency?: string) => string;\n  /** 'booking' renders time-led rows; 'order' renders standard order rows. */\n  rowVariant?: ManageRowVariant;\n  /**\n   * Confirm a commitment from the list, without opening it.\n   *\n   * The two states that need a human — pending and confirmed — are most of\n   * what this screen shows, and saying yes cost a screen, a load and a tap\n   * back. Absent when the merchant lacks permission, which hides the gesture\n   * rather than failing it.\n   */\n  onConfirmOrder?: (order: Order) => void;\n  /**\n   * What an empty list says, from the shared copy the desktop frame uses.\n   *\n   * This screen hand-rolled \"No {noun} yet / New {noun} will appear here\", so a\n   * kitchen never saw \"Orders will appear when customers place their first\n   * order\" — and, worse, a search that matched nothing got the first-run\n   * sentence, telling a merchant with three hundred orders that they had none.\n   */\n  emptyCopy?: { title: string; description: string };\n  /**\n   * More rows exist than are on screen, and how to ask for them.\n   *\n   * This screen printed \"{total} total\" over a ten-row page with nothing to\n   * press: `TablePagination` lives on the desktop frame, below the mobile early\n   * return, so ten orders WERE the list however many the business had taken.\n   */\n  hasMore?: boolean;\n  onLoadMore?: () => void;\n  /**\n   * The archetype's status vocabulary, so a row says what the business says.\n   * Absent falls back to default commerce, which is what the resolver does.\n   */\n  orderDisplay?: OrderDisplay;\n  /** Multi-intent: list of intents to switch between. */\n  intents?: IntentConfig[];\n  /** null when the view spans every archetype. */\n  activeIntentKey?: string | null;\n  onIntentChange?: (key: string) => void;\n  /** Clears the narrowing; without it there is no way back to All. */\n  onShowAllIntents?: () => void;\n  /**\n   * Extra header controls — create, export, refresh — rendered beside the\n   * total count. Absent on any screen that has nothing to offer there.\n   */\n  headerActions?: React.ReactNode;\n  /**\n   * Content between the sticky search row and the list, e.g. the channel\n   * pause bar. Same slot the desktop frame gives it, above the rows rather\n   * than inside them.\n   */\n  banner?: React.ReactNode;\n  /** Bulk selection. Absent hides the \"Select\" toggle entirely. */\n  selection?: ManageSelection;\n}\n\nfunction formatRelativeTime(dateStr: string): string {\n  const diffMs = Date.now() - new Date(dateStr).getTime();\n  const sec = Math.floor(diffMs / 1000);\n  if (sec < 60) return 'Just now';\n  const min = Math.floor(sec / 60);\n  if (min < 60) return `${min}m ago`;\n  const hr = Math.floor(min / 60);\n  if (hr < 24) return `${hr}h ago`;\n  const day = Math.floor(hr / 24);\n  if (day < 7) return `${day}d ago`;\n  return new Date(dateStr).toLocaleDateString('en-US', {\n    month: 'short',\n    day: 'numeric',\n  });\n}\n\nfunction formatBookingTime(dateStr: string): { time: string; period: string } {\n  const d = new Date(dateStr);\n  const hours = d.getHours();\n  const minutes = d.getMinutes();\n  const period = hours >= 12 ? 'PM' : 'AM';\n  const displayHour = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;\n  const displayMinute = minutes.toString().padStart(2, '0');\n  return { time: `${displayHour}:${displayMinute}`, period };\n}\n\ntype DateBucket = 'today' | 'tomorrow' | 'thisWeek' | 'earlier';\n\nfunction bucketOf(dateStr: string): DateBucket {\n  const d = new Date(dateStr);\n  const now = new Date();\n  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n  const tomorrow = new Date(today);\n  tomorrow.setDate(tomorrow.getDate() + 1);\n  const weekEnd = new Date(today);\n  weekEnd.setDate(weekEnd.getDate() + 7);\n\n  const ds = d.getTime();\n  if (ds >= today.getTime() && ds < tomorrow.getTime()) return 'today';\n  if (\n    ds >= tomorrow.getTime() &&\n    ds < new Date(tomorrow).setDate(tomorrow.getDate() + 1)\n  )\n    return 'tomorrow';\n  if (ds >= today.getTime() && ds < weekEnd.getTime()) return 'thisWeek';\n  return 'earlier';\n}\n\nconst BUCKET_LABEL: Record<DateBucket, string> = {\n  today: 'Today',\n  tomorrow: 'Tomorrow',\n  thisWeek: 'This week',\n  earlier: 'Earlier',\n};\n\nfunction groupOrders(\n  orders: Order[],\n  variant: ManageRowVariant,\n): { bucket: DateBucket; items: Order[] }[] {\n  const buckets: Record<DateBucket, Order[]> = {\n    today: [],\n    tomorrow: [],\n    thisWeek: [],\n    earlier: [],\n  };\n  for (const o of orders) {\n    buckets[bucketOf(o.createdAt)].push(o);\n  }\n  // Booking rows: ascending time within bucket. Orders: most recent first.\n  for (const k of Object.keys(buckets) as DateBucket[]) {\n    buckets[k].sort((a, b) => {\n      const at = new Date(a.createdAt).getTime();\n      const bt = new Date(b.createdAt).getTime();\n      return variant === 'booking' ? at - bt : bt - at;\n    });\n  }\n  const order: DateBucket[] = ['today', 'tomorrow', 'thisWeek', 'earlier'];\n  return order\n    .filter((b) => buckets[b].length > 0)\n    .map((bucket) => ({ bucket, items: buckets[bucket] }));\n}\n\nexport function MobileManageScreen({\n  intentLabel,\n  orderLabel,\n  orderLabelPlural,\n  searchQuery,\n  onSearchChange,\n  searchPlaceholder,\n  emptyAction,\n  tabs,\n  activeTab,\n  tabCounts,\n  onTabChange,\n  onFilterPress,\n  orders,\n  loading,\n  total,\n  formatCurrency,\n  rowVariant = 'order',\n  onConfirmOrder,\n  emptyCopy,\n  hasMore,\n  onLoadMore,\n  orderDisplay,\n  intents,\n  activeIntentKey,\n  onIntentChange,\n  onShowAllIntents,\n  headerActions,\n  banner,\n  selection,\n}: MobileManageScreenProps) {\n  const showIntentSwitcher = intents && intents.length > 1 && onIntentChange;\n  const grouped = groupOrders(orders, rowVariant);\n  const labelLower = orderLabelPlural.toLowerCase();\n  const selecting = !!selection?.active;\n\n  return (\n    /* The frame owns the app row, the sheet, the title and the tab bar. Every\n       native screen used to draw all four itself — the same root div, the same\n       `env(safe-area-inset-top)`, the same title, the same `<BottomTabBar/>`,\n       thirteen times and already disagreeing on padding and title size. */\n    <MobileScreenFrame\n      title={orderLabelPlural}\n      actions={\n        <div className=\"flex items-center gap-3\">\n          {headerActions}\n          <p\n            className=\"text-xs tabular-nums\"\n            style={{ color: 'var(--mb-text-tertiary)' }}\n          >\n            {total} total\n          </p>\n        </div>\n      }\n    >\n      {/* Sticky region: search + filter + intent switcher + filter chips */}\n      <div\n        className=\"sticky top-0 z-10 pb-2 pt-3 backdrop-blur\"\n        style={{\n          background: 'var(--mb-canvas)',\n          borderBottom: '1px solid var(--mb-border)',\n        }}\n      >\n        <div className=\"flex items-center gap-2\">\n          <SearchField\n            className=\"flex-1\"\n            placeholder={searchPlaceholder ?? `Search ${labelLower}…`}\n            value={searchQuery}\n            onChange={onSearchChange}\n          />\n          <button\n            type=\"button\"\n            onClick={onFilterPress}\n            disabled={!onFilterPress}\n            className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl border disabled:opacity-50\"\n            style={{\n              borderColor: 'var(--mb-border)',\n              background: 'var(--mb-card)',\n              color: 'var(--mb-text-secondary)',\n            }}\n            aria-label=\"Filter\"\n          >\n            <Filter className=\"size-4\" />\n          </button>\n          {/* Enter/exit bulk selection. Absent for any list this business\n              cannot act on in bulk — same \"offer it only where it can do\n              something\" rule the desktop bulk bar follows. */}\n          {selection ? (\n            <button\n              type=\"button\"\n              onClick={selecting ? selection.onExit : selection.onEnter}\n              className=\"h-11 shrink-0 px-1 text-2xs font-medium\"\n              style={{\n                color: selecting\n                  ? 'var(--mb-accent)'\n                  : 'var(--mb-text-secondary)',\n              }}\n            >\n              {selecting ? 'Cancel' : 'Select'}\n            </button>\n          ) : null}\n        </div>\n\n        {showIntentSwitcher ? (\n          <div className=\"mt-3\">\n            <IntentSwitcher\n              intents={intents!}\n              activeKey={activeIntentKey ?? null}\n              onChange={onIntentChange!}\n              onShowAll={onShowAllIntents}\n            />\n          </div>\n        ) : null}\n\n        {tabs && tabs.length > 1 && onTabChange ? (\n          <TabNav\n            className=\"mt-3\"\n            tabs={tabs.map((tab) => ({\n              id: tab.key,\n              label: tab.label,\n              count: tabCounts?.[tab.key],\n            }))}\n            activeTab={activeTab ?? tabs[0].key}\n            onTabChange={onTabChange}\n          />\n        ) : null}\n      </div>\n\n      {/* Above the list because it is the state the list is arriving under —\n          same placement the desktop frame gives it. Renders nothing without\n          a marketplace, same as there. */}\n      {banner ? <div className=\"mt-6\">{banner}</div> : null}\n\n      {/* List */}\n      <section\n        className=\"mt-6 overflow-hidden rounded-2xl border p-4\"\n        style={{\n          background:\n            'color-mix(in srgb, var(--mb-surface) 97%, var(--mb-border) 3%)',\n          borderColor: 'var(--mb-border)',\n        }}\n      >\n        {loading && orders.length === 0 ? (\n          <ListSkeleton />\n        ) : orders.length === 0 ? (\n          <EmptyState\n            label={labelLower}\n            copy={emptyCopy}\n            action={emptyAction}\n          />\n        ) : (\n          grouped.map((group) => (\n            <div key={group.bucket} className=\"mt-4 first:mt-0\">\n              <p\n                className=\"px-1 text-3xs font-medium\"\n                style={{ color: 'var(--mb-text-tertiary)' }}\n              >\n                {BUCKET_LABEL[group.bucket]} · {group.items.length}{' '}\n                {group.items.length === 1\n                  ? orderLabel.toLowerCase()\n                  : labelLower}\n              </p>\n              <div className=\"mt-2 space-y-2\">\n                {group.items.map((order) =>\n                  rowVariant === 'booking' ? (\n                    <BookingRow\n                      key={order.id}\n                      order={order}\n                      orderDisplay={orderDisplay}\n                    />\n                  ) : (\n                    <OrderRow\n                      key={order.id}\n                      order={order}\n                      formatCurrency={formatCurrency}\n                      orderDisplay={orderDisplay}\n                      onConfirm={\n                        onConfirmOrder && order.status === 'pending'\n                          ? () => onConfirmOrder(order)\n                          : undefined\n                      }\n                      selecting={selecting}\n                      selected={selection?.selectedIds.has(order.id) ?? false}\n                      onToggleSelect={\n                        selection\n                          ? () => selection.onToggle(order.id)\n                          : undefined\n                      }\n                    />\n                  ),\n                )}\n              </div>\n            </div>\n          ))\n        )}\n        {hasMore && onLoadMore ? (\n          <button\n            type=\"button\"\n            onClick={onLoadMore}\n            disabled={loading}\n            className=\"mt-4 flex h-11 w-full items-center justify-center rounded-xl border text-sm font-medium disabled:opacity-50\"\n            style={{\n              borderColor: 'var(--mb-border)',\n              background: 'var(--mb-card)',\n              boxShadow: 'var(--shadow-md)',\n              color: 'var(--mb-text)',\n            }}\n          >\n            {loading ? 'Loading…' : `Load more ${labelLower}`}\n          </button>\n        ) : null}\n        {/* Room for the fixed bulk bar below, so the last row is never\n            hidden behind it. */}\n        {selecting && (selection?.selectedIds.size ?? 0) > 0 ? (\n          <div style={{ height: stickyCtaScrollPadding() }} />\n        ) : null}\n      </section>\n\n      {/* Same primitive every other bottom CTA on the phone uses — handles the\n          tab bar offset and the safe-area inset once, rather than a bar per\n          screen disagreeing on both. The title morphs into it, same reasoning\n          `OrderBulkBar` carries on desktop: selecting never touches the list\n          layout underneath it. */}\n      {selecting && selection && selection.selectedIds.size > 0 ? (\n        <StickyCtaBar>\n          <div\n            className=\"rounded-2xl border px-4 py-3 shadow-[var(--shadow-lg)]\"\n            style={{\n              borderColor: 'var(--mb-border)',\n              background: 'var(--mb-surface)',\n            }}\n          >\n            {selection.bar}\n          </div>\n        </StickyCtaBar>\n      ) : null}\n    </MobileScreenFrame>\n  );\n}\n\n// ─────────────────────────────────────────────────────────────\n// Row variants\n// ─────────────────────────────────────────────────────────────\n\nfunction OrderRow({\n  order,\n  formatCurrency,\n  onConfirm,\n  orderDisplay,\n  selecting,\n  selected,\n  onToggleSelect,\n}: {\n  order: Order;\n  formatCurrency: (n: number, currency?: string) => string;\n  onConfirm?: () => void;\n  orderDisplay?: OrderDisplay;\n  /** Whether the list is in bulk-selection mode right now. */\n  selecting?: boolean;\n  selected?: boolean;\n  onToggleSelect?: () => void;\n}) {\n  const inner = (\n    <>\n      {selecting ? (\n        <Checkbox\n          bare\n          checked={!!selected}\n          onChange={onToggleSelect}\n          onClick={(e) => e.stopPropagation()}\n          aria-label={`Select ${formatOrderNumber(order.orderNumber)}`}\n        />\n      ) : null}\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-center gap-2\">\n          <p\n            className=\"truncate text-md font-medium\"\n            style={{ color: 'var(--mb-text)' }}\n          >\n            {formatOrderNumber(order.orderNumber)}\n          </p>\n          <MobileStatusChip status={order.status} orderDisplay={orderDisplay} />\n        </div>\n        <p\n          className=\"mt-0.5 truncate text-2xs\"\n          style={{ color: 'var(--mb-text-tertiary)' }}\n        >\n          {order.customerName || order.customerEmail} ·{' '}\n          {formatRelativeTime(order.createdAt)}\n        </p>\n      </div>\n      <div className=\"shrink-0 text-right\">\n        <p\n          className=\"text-md font-semibold tabular-nums\"\n          style={{ color: 'var(--mb-text)' }}\n        >\n          {formatCurrency(order.total, order.currency)}\n        </p>\n        <p className=\"text-3xs\" style={{ color: 'var(--mb-text-muted)' }}>\n          {order.items?.length ?? 0}{' '}\n          {(order.items?.length ?? 0) === 1 ? 'item' : 'items'}\n        </p>\n      </div>\n      {selecting ? null : (\n        <ChevronRight\n          className=\"size-4 shrink-0\"\n          style={{ color: 'var(--mb-text-muted)' }}\n        />\n      )}\n    </>\n  );\n\n  const rowClass =\n    'flex w-full items-center gap-3 rounded-2xl border p-4 text-left';\n  const rowStyle = {\n    borderColor: 'var(--mb-border)',\n    background: 'var(--mb-card)',\n    // `--shadow-sm` is a no-op below the `lg` breakpoint (see\n    // docs/DESIGN_SYSTEM.md § Tokens), and a row on the phone is always\n    // below it — `-md` is the same token family, still a real bevel, just\n    // the step that survives on a screen with no hover.\n    boxShadow: 'var(--shadow-md)',\n    minHeight: 74,\n  } as const;\n\n  // Selecting swaps the destination the tap resolves to: a row that\n  // navigates away mid-selection loses the batch a merchant was building. The\n  // gesture stays a tap on the same row, it just does something else while\n  // the bar is up.\n  const row = selecting ? (\n    <button\n      type=\"button\"\n      onClick={onToggleSelect}\n      className={rowClass}\n      style={rowStyle}\n    >\n      {inner}\n    </button>\n  ) : (\n    <Link\n      href={`/dashboard/orders/${order.id}`}\n      className={rowClass}\n      style={rowStyle}\n    >\n      {inner}\n    </Link>\n  );\n\n  // Only what is still waiting on a human can be confirmed, so only those rows\n  // carry the gesture. Offering it on a settled order teaches the merchant the\n  // swipe is unreliable. Suspended while selecting: two gestures reading the\n  // same horizontal drag would fight each other.\n  return onConfirm && !selecting ? (\n    <SwipeRow label=\"Confirm\" onAction={onConfirm}>\n      {row}\n    </SwipeRow>\n  ) : (\n    row\n  );\n}\n\nfunction BookingRow({\n  order,\n  orderDisplay,\n}: {\n  order: Order;\n  orderDisplay?: OrderDisplay;\n}) {\n  const { time, period } = formatBookingTime(order.createdAt);\n  const partyCount =\n    order.items?.reduce((sum, i) => sum + (i.quantity || 0), 0) ?? 0;\n  const metaParts: string[] = [];\n  if (partyCount > 0) {\n    metaParts.push(`Party of ${partyCount}`);\n  }\n  if (order.customerNote) {\n    metaParts.push(order.customerNote);\n  } else if (order.items?.[0]?.title) {\n    metaParts.push(order.items[0].title);\n  }\n\n  return (\n    <Link\n      href={`/dashboard/orders/${order.id}`}\n      className=\"block overflow-hidden rounded-2xl border\"\n      style={{\n        borderColor: 'var(--mb-border)',\n        background: 'var(--mb-card)',\n        boxShadow: 'var(--shadow-md)',\n      }}\n    >\n      <div className=\"flex items-center gap-3 p-3\">\n        <div className=\"flex w-14 shrink-0 flex-col items-start\">\n          <p\n            className=\"text-md font-semibold tabular-nums\"\n            style={{ color: 'var(--mb-text)' }}\n          >\n            {time}\n          </p>\n          <p\n            className=\"text-3xs font-medium\"\n            style={{ color: 'var(--mb-text-tertiary)' }}\n          >\n            {period}\n          </p>\n        </div>\n        <div\n          className=\"min-w-0 flex-1 border-l pl-3\"\n          style={{ borderColor: 'var(--mb-border)' }}\n        >\n          <p\n            className=\"truncate text-sm font-medium\"\n            style={{ color: 'var(--mb-text)' }}\n          >\n            {order.customerName || order.customerEmail || 'Guest'}\n          </p>\n          <p\n            className=\"mt-0.5 truncate text-2xs\"\n            style={{ color: 'var(--mb-text-tertiary)' }}\n          >\n            {metaParts.length > 0\n              ? metaParts.join(' · ')\n              : formatOrderNumber(order.orderNumber)}\n          </p>\n        </div>\n        <MobileStatusChip status={order.status} orderDisplay={orderDisplay} />\n      </div>\n    </Link>\n  );\n}\n\nfunction ListSkeleton() {\n  return (\n    <div className=\"space-y-2\">\n      {[0, 1, 2, 3].map((i) => (\n        <div\n          key={i}\n          className=\"rounded-2xl border p-4\"\n          style={{\n            borderColor: 'var(--mb-border)',\n            background: 'var(--mb-card)',\n            boxShadow: 'var(--shadow-md)',\n            minHeight: 74,\n          }}\n        >\n          <div\n            className=\"h-3 w-1/3 rounded-full\"\n            style={{ background: 'var(--mb-elevated)' }}\n          />\n          <div\n            className=\"mt-2 h-2 w-2/3 rounded-full\"\n            style={{ background: 'var(--mb-elevated)' }}\n          />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction EmptyState({\n  label,\n  copy,\n  action,\n}: {\n  label: string;\n  copy?: { title: string; description: string };\n  action?: { label: string; href: string };\n}) {\n  return (\n    <div className=\"flex flex-col items-center gap-3 px-4 py-10 text-center\">\n      <p className=\"text-sm font-medium\" style={{ color: 'var(--mb-text)' }}>\n        {copy?.title ?? `No ${label} yet`}\n      </p>\n      <p className=\"text-2xs\" style={{ color: 'var(--mb-text-tertiary)' }}>\n        {copy?.description ?? `New ${label} will appear here as they arrive.`}\n      </p>\n      {action ? (\n        <Button asChild className=\"mt-2\" size=\"md\">\n          <Link href={action.href}>{action.label}</Link>\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/mobile/screens/me.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Mobile screen — Me tab
+ *
+ * Visual contract: `MeTab` in mobile-redesign-mockups.tsx
+ * Route: /dashboard/me
+ * Archetype: ME
+ */
+import React from 'react';
+import type { Workspace } from '@withpotter/lib/auth-context';
+export interface MobileMeScreenProps {
+    userName: string;
+    userEmail: string;
+    userInitials: string;
+    currentTenantId?: string;
+    workspaces: Workspace[];
+    onSwitchWorkspace: (slug: string) => void | Promise<void>;
+    onLogout: () => void | Promise<void>;
+    appVersion?: string;
+}
+export declare function MobileMeScreen({ userName, userEmail, userInitials, currentTenantId, workspaces, onSwitchWorkspace, onLogout, appVersion, }: MobileMeScreenProps): React.JSX.Element;