@withpotter/pages-bookings 0.13.0-next.101

package/dist/dashboard/(bookings)/bookings/_components/today/demo-data.js

@@ -0,0 +1,142 @@
+const TODAY = "2026-08-11";
+const at = (time) => `${TODAY}T${time}:00.000Z`;
+function mkBooking(b) {
+  return {
+    tenantId: "demo",
+    type: "resource",
+    date: TODAY,
+    quantity: 1,
+    createdAt: at("08:00"),
+    updatedAt: at("08:00"),
+    ...b
+  };
+}
+const DEMO_TODAY_BOOKINGS = [
+  mkBooking({
+    id: "demo-t1",
+    bookingNumber: "BK-4101",
+    customerName: "Ifeanyi Obi",
+    customerPhone: "+2348031120945",
+    status: "checked_in",
+    resourceId: "demo-r1",
+    resourceName: "Ada",
+    startTime: "09:00",
+    endTime: "10:00",
+    checkedInAt: at("09:02"),
+    data: { isPaid: true, total: 24e3 }
+  }),
+  mkBooking({
+    id: "demo-t2",
+    bookingNumber: "BK-4102",
+    customerName: "Chidinma Eze",
+    customerPhone: "+2348024410982",
+    status: "confirmed",
+    resourceId: "demo-r1",
+    resourceName: "Ada",
+    startTime: "10:00",
+    endTime: "11:00",
+    data: { isPaid: true, total: 24e3 }
+  }),
+  mkBooking({
+    id: "demo-t3",
+    bookingNumber: "BK-4103",
+    customerName: "Tunde Bakare",
+    customerPhone: "+2347066120114",
+    status: "confirmed",
+    resourceId: "demo-r2",
+    resourceName: "Ngozi",
+    startTime: "10:00",
+    endTime: "11:30",
+    // Unpaid and about to start: the row the board exists to surface.
+    data: { isPaid: false, total: 36e3 }
+  }),
+  mkBooking({
+    id: "demo-t4",
+    bookingNumber: "BK-4104",
+    customerName: "Amaka Nwosu",
+    status: "completed",
+    resourceId: "demo-r2",
+    resourceName: "Ngozi",
+    startTime: "07:00",
+    endTime: "08:00",
+    checkedInAt: at("07:01"),
+    data: { isPaid: true, total: 24e3 }
+  }),
+  mkBooking({
+    id: "demo-t5",
+    bookingNumber: "BK-4105",
+    customerName: "Zainab Musa",
+    customerPhone: "+2348139902411",
+    status: "confirmed",
+    // No resource. Deliberately: a booking against nothing has to land in the
+    // Unassigned lane, and that lane is the one nobody notices is missing.
+    startTime: "12:00",
+    endTime: "13:00",
+    data: { isPaid: true, total: 24e3 }
+  })
+];
+const DEMO_TODAY_RESOURCES = [
+  { id: "demo-r1", name: "Ada", isActive: true },
+  { id: "demo-r2", name: "Ngozi", isActive: true },
+  { id: "demo-r3", name: "Tunde", isActive: true }
+];
+const DEMO_TODAY_QUEUE = [
+  {
+    id: "demo-q1",
+    tenantId: "demo",
+    customerName: "Segun Adeyemi",
+    customerEmail: "segun.a@gmail.com",
+    customerPhone: "+2348090011223",
+    requestedDate: TODAY,
+    requestedStartTime: "18:00",
+    requestedEndTime: "19:00",
+    status: "waiting",
+    position: 1,
+    priority: "high",
+    createdAt: at("08:15"),
+    updatedAt: at("08:15")
+  },
+  {
+    id: "demo-q2",
+    tenantId: "demo",
+    customerName: "Ngozi Umeh",
+    customerEmail: "ngozi.umeh@gmail.com",
+    requestedDate: TODAY,
+    requestedStartTime: "18:00",
+    requestedEndTime: "19:00",
+    status: "waiting",
+    position: 2,
+    priority: "normal",
+    createdAt: at("09:40"),
+    updatedAt: at("09:40")
+  }
+];
+const DEMO_TODAY_TABS = [
+  {
+    id: "demo-tab1",
+    tenantId: "demo",
+    tableLabel: "Ada",
+    customerName: "Ifeanyi Obi",
+    status: "open",
+    currency: "NGN",
+    total: 18500,
+    items: [
+      { contentId: "demo-m1", title: "Chapman", quantity: 2, unitPrice: 4500 },
+      {
+        contentId: "demo-m2",
+        title: "Suya Platter",
+        quantity: 1,
+        unitPrice: 9500
+      }
+    ],
+    createdAt: at("09:10"),
+    updatedAt: at("09:35")
+  }
+];
+export {
+  DEMO_TODAY_BOOKINGS,
+  DEMO_TODAY_QUEUE,
+  DEMO_TODAY_RESOURCES,
+  DEMO_TODAY_TABS
+};
+//# sourceMappingURL=demo-data.js.map

package/dist/dashboard/(bookings)/bookings/_components/today/demo-data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dashboard/%28bookings%29/bookings/_components/today/demo-data.ts"],"sourcesContent":["import type { BookingItem, WaitlistItem } from '@withpotter/lib/api/types';\n\n/**\n * Seed for the Today board under `?demo=1`.\n *\n * The board is four feeds read together — today's bookings, the resources they\n * sit in, who is queued for a slot, and any open tabs — so a seed that covers\n * only one of them produces a board with lanes and nothing in them, which is\n * the same empty screen with more structure. All four are here.\n *\n * Times are fixed rather than relative to now. A board whose rows move every\n * render cannot be talked about, and \"on now\" has to stay \"on now\" long enough\n * to look at.\n */\n\nconst TODAY = '2026-08-11';\nconst at = (time: string) => `${TODAY}T${time}:00.000Z`;\n\nfunction mkBooking(b: Partial<BookingItem> & { id: string }): BookingItem {\n  return {\n    tenantId: 'demo',\n    type: 'resource',\n    date: TODAY,\n    quantity: 1,\n    createdAt: at('08:00'),\n    updatedAt: at('08:00'),\n    ...b,\n  } as BookingItem;\n}\n\n/**\n * A day in progress, not a day that has not started: something running now,\n * something due next, an arrival still to check in, and one already finished.\n * A board where every row is \"upcoming\" never shows the state an operator is\n * actually standing in front of.\n */\nexport const DEMO_TODAY_BOOKINGS: BookingItem[] = [\n  mkBooking({\n    id: 'demo-t1',\n    bookingNumber: 'BK-4101',\n    customerName: 'Ifeanyi Obi',\n    customerPhone: '+2348031120945',\n    status: 'checked_in',\n    resourceId: 'demo-r1',\n    resourceName: 'Ada',\n    startTime: '09:00',\n    endTime: '10:00',\n    checkedInAt: at('09:02'),\n    data: { isPaid: true, total: 24000 },\n  }),\n  mkBooking({\n    id: 'demo-t2',\n    bookingNumber: 'BK-4102',\n    customerName: 'Chidinma Eze',\n    customerPhone: '+2348024410982',\n    status: 'confirmed',\n    resourceId: 'demo-r1',\n    resourceName: 'Ada',\n    startTime: '10:00',\n    endTime: '11:00',\n    data: { isPaid: true, total: 24000 },\n  }),\n  mkBooking({\n    id: 'demo-t3',\n    bookingNumber: 'BK-4103',\n    customerName: 'Tunde Bakare',\n    customerPhone: '+2347066120114',\n    status: 'confirmed',\n    resourceId: 'demo-r2',\n    resourceName: 'Ngozi',\n    startTime: '10:00',\n    endTime: '11:30',\n    // Unpaid and about to start: the row the board exists to surface.\n    data: { isPaid: false, total: 36000 },\n  }),\n  mkBooking({\n    id: 'demo-t4',\n    bookingNumber: 'BK-4104',\n    customerName: 'Amaka Nwosu',\n    status: 'completed',\n    resourceId: 'demo-r2',\n    resourceName: 'Ngozi',\n    startTime: '07:00',\n    endTime: '08:00',\n    checkedInAt: at('07:01'),\n    data: { isPaid: true, total: 24000 },\n  }),\n  mkBooking({\n    id: 'demo-t5',\n    bookingNumber: 'BK-4105',\n    customerName: 'Zainab Musa',\n    customerPhone: '+2348139902411',\n    status: 'confirmed',\n    // No resource. Deliberately: a booking against nothing has to land in the\n    // Unassigned lane, and that lane is the one nobody notices is missing.\n    startTime: '12:00',\n    endTime: '13:00',\n    data: { isPaid: true, total: 24000 },\n  }),\n];\n\n/** The lanes the board draws, whether or not anything is booked into them. */\nexport const DEMO_TODAY_RESOURCES = [\n  { id: 'demo-r1', name: 'Ada', isActive: true },\n  { id: 'demo-r2', name: 'Ngozi', isActive: true },\n  { id: 'demo-r3', name: 'Tunde', isActive: true },\n];\n\n/** Who is waiting for a slot to come free today. */\nexport const DEMO_TODAY_QUEUE: WaitlistItem[] = [\n  {\n    id: 'demo-q1',\n    tenantId: 'demo',\n    customerName: 'Segun Adeyemi',\n    customerEmail: 'segun.a@gmail.com',\n    customerPhone: '+2348090011223',\n    requestedDate: TODAY,\n    requestedStartTime: '18:00',\n    requestedEndTime: '19:00',\n    status: 'waiting',\n    position: 1,\n    priority: 'high',\n    createdAt: at('08:15'),\n    updatedAt: at('08:15'),\n  } as unknown as WaitlistItem,\n  {\n    id: 'demo-q2',\n    tenantId: 'demo',\n    customerName: 'Ngozi Umeh',\n    customerEmail: 'ngozi.umeh@gmail.com',\n    requestedDate: TODAY,\n    requestedStartTime: '18:00',\n    requestedEndTime: '19:00',\n    status: 'waiting',\n    position: 2,\n    priority: 'normal',\n    createdAt: at('09:40'),\n    updatedAt: at('09:40'),\n  } as unknown as WaitlistItem,\n];\n\n/**\n * One open tab, so the dine-in lane shows a running bill rather than the empty\n * state. Only dine-in fetches these, so only dine-in sees them.\n */\nexport const DEMO_TODAY_TABS = [\n  {\n    id: 'demo-tab1',\n    tenantId: 'demo',\n    tableLabel: 'Ada',\n    customerName: 'Ifeanyi Obi',\n    status: 'open',\n    currency: 'NGN',\n    total: 18500,\n    items: [\n      { contentId: 'demo-m1', title: 'Chapman', quantity: 2, unitPrice: 4500 },\n      {\n        contentId: 'demo-m2',\n        title: 'Suya Platter',\n        quantity: 1,\n        unitPrice: 9500,\n      },\n    ],\n    createdAt: at('09:10'),\n    updatedAt: at('09:35'),\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/dashboard/(bookings)/bookings/_components/today/handover.js

@@ -0,0 +1,128 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { shiftNotesApi } from "@withpotter/lib/api/shift-notes";
+import { Button } from "@withpotter/ui-kit/button";
+import { groupByDay } from "@withpotter/lib/group-activity";
+import { Card, Textarea } from "@withpotter/ui-kit";
+function Handover({ place = "head" }) {
+  const { tenant } = useAuth();
+  const slug = tenant?.slug;
+  const [notes, setNotes] = useState([]);
+  const [writing, setWriting] = useState(false);
+  const [loading, setLoading] = useState(true);
+  const [body, setBody] = useState("");
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState(null);
+  const load = useCallback(async () => {
+    if (!slug) return;
+    try {
+      const rows = await shiftNotesApi.list(slug);
+      setNotes(Array.isArray(rows) ? rows : []);
+    } catch {
+      setNotes([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [slug]);
+  useEffect(() => {
+    void load();
+  }, [load]);
+  const save = async () => {
+    const text = body.trim();
+    if (!slug || !text) return;
+    setSaving(true);
+    setError(null);
+    try {
+      await shiftNotesApi.create(slug, text);
+      setBody("");
+      setWriting(false);
+      await load();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Couldn't leave the note");
+    } finally {
+      setSaving(false);
+    }
+  };
+  if (loading) return null;
+  if (!writing && notes.length === 0) {
+    if (place === "head") return null;
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setWriting(true),
+        className: "w-fit text-sm text-[var(--text-tertiary)] transition-colors hover:text-[var(--text-primary)]",
+        children: "Leave a note for the next shift"
+      }
+    );
+  }
+  if (place === "foot" && notes.length > 0 && !writing) return null;
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-3", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-sm font-medium text-[var(--text-primary)]", children: "Handover" }),
+      !writing && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setWriting(true),
+          className: "text-xs text-[var(--text-tertiary)] transition-colors hover:text-[var(--text-primary)]",
+          children: "Leave a note"
+        }
+      )
+    ] }),
+    writing && /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          autoFocus: true,
+          value: body,
+          onChange: (e) => setBody(e.target.value),
+          maxLength: 2e3,
+          rows: 2,
+          placeholder: "What does the next person need to know?",
+          className: "resize-none"
+        }
+      ),
+      error && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-[var(--error)]", children: error }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: () => void save(),
+            loading: saving,
+            disabled: !body.trim(),
+            children: "Leave note"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            onClick: () => {
+              setWriting(false);
+              setBody("");
+              setError(null);
+            },
+            children: "Cancel"
+          }
+        )
+      ] })
+    ] }),
+    notes.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-col gap-3", children: groupByDay(notes).map((group) => /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-1 text-2xs font-medium uppercase tracking-wide text-[var(--text-tertiary)]", children: group.label }),
+      /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2", children: group.entries.map((note) => /* @__PURE__ */ jsxs("li", { className: "text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[var(--text-primary)]", children: note.body }),
+        note.authorName && /* @__PURE__ */ jsxs("span", { className: "text-[var(--text-tertiary)]", children: [
+          " \u2014 ",
+          note.authorName
+        ] })
+      ] }, note.id)) })
+    ] }, group.label)) })
+  ] });
+}
+export {
+  Handover
+};
+//# sourceMappingURL=handover.js.map

package/dist/dashboard/(bookings)/bookings/_components/today/handover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dashboard/%28bookings%29/bookings/_components/today/handover.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { shiftNotesApi, type ShiftNote } from '@withpotter/lib/api/shift-notes';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { groupByDay } from '@withpotter/lib/group-activity';\nimport { Card, Textarea } from '@withpotter/ui-kit';\n\n/**\n * What the last shift needs the next one to know.\n *\n * The delivery that never came, the customer who will call back, the till that\n * is short. Today this lives in WhatsApp or in nobody's head, and whoever opens\n * up starts by guessing.\n *\n * It sits at the TOP of Today, above the day's board. A handover read after you\n * have already started is a handover you did not get — the whole value is that\n * it is the first thing on the screen you open at the beginning of a shift.\n *\n * NOTHING SAID, NOTHING DRAWN. This used to render a full-width card whose\n * entire content was the sentence \"Nothing from the last shift.\" — the largest\n * block on the screen, spending the top of the day on an absence, on every\n * morning nobody had left a note. The comment above it even said \"no empty card\n * at the top of a busy screen\", which was only honoured while loading.\n *\n * So the card IS the notes. With none, this is one line of tertiary text — the\n * door, and nothing but the door — and `place=\"foot\"` puts that line at the\n * BOTTOM of the day, under the board.\n *\n * The two jobs have two homes and it took John asking whether the line was\n * needed at all to see why. READING a handover has to happen before you start,\n * so a note that exists sits above the board. WRITING one happens at the end of\n * a shift, when the day is behind you — offering it above the board is offering\n * it at the one moment nobody wants it, and it was the second line of a screen\n * whose first line was already an absence.\n *\n * Deliberately not a thread, a task list or an assignment. One note, from one\n * person, for whoever is on next. See the api migration for the full argument.\n */\nexport function Handover({ place = 'head' }: { place?: 'head' | 'foot' }) {\n  const { tenant } = useAuth();\n  const slug = tenant?.slug;\n\n  const [notes, setNotes] = useState<ShiftNote[]>([]);\n  const [writing, setWriting] = useState(false);\n  const [loading, setLoading] = useState(true);\n  const [body, setBody] = useState('');\n  const [saving, setSaving] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const load = useCallback(async () => {\n    if (!slug) return;\n    try {\n      const rows = await shiftNotesApi.list(slug);\n      setNotes(Array.isArray(rows) ? rows : []);\n    } catch {\n      // A handover that cannot load must not take the day's board down with\n      // it. Silence here, and the section simply does not render.\n      setNotes([]);\n    } finally {\n      setLoading(false);\n    }\n  }, [slug]);\n\n  useEffect(() => {\n    void load();\n  }, [load]);\n\n  const save = async () => {\n    const text = body.trim();\n    if (!slug || !text) return;\n    setSaving(true);\n    setError(null);\n    try {\n      await shiftNotesApi.create(slug, text);\n      setBody('');\n      setWriting(false);\n      await load();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"Couldn't leave the note\");\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  // Nothing to say and nothing said: no card at all. The day starts on the\n  // board, not on a panel reporting an absence — just the door, one line high.\n  if (loading) return null;\n  if (!writing && notes.length === 0) {\n    // The door only, and only at the foot: at the head of the day it was a\n    // control offering the one thing nobody does at the start of a shift.\n    if (place === 'head') return null;\n    return (\n      <button\n        type=\"button\"\n        onClick={() => setWriting(true)}\n        className=\"w-fit text-sm text-[var(--text-tertiary)] transition-colors hover:text-[var(--text-primary)]\"\n      >\n        Leave a note for the next shift\n      </button>\n    );\n  }\n\n  // A note being written, or notes to read: the card, wherever it was placed.\n  if (place === 'foot' && notes.length > 0 && !writing) return null;\n\n  return (\n    <Card>\n      <div className=\"flex items-baseline justify-between gap-3\">\n        <h2 className=\"text-sm font-medium text-[var(--text-primary)]\">\n          Handover\n        </h2>\n        {!writing && (\n          <button\n            type=\"button\"\n            onClick={() => setWriting(true)}\n            className=\"text-xs text-[var(--text-tertiary)] transition-colors hover:text-[var(--text-primary)]\"\n          >\n            Leave a note\n          </button>\n        )}\n      </div>\n\n      {writing && (\n        <div className=\"mt-3\">\n          <Textarea\n            autoFocus\n            value={body}\n            onChange={(e) => setBody(e.target.value)}\n            maxLength={2000}\n            rows={2}\n            placeholder=\"What does the next person need to know?\"\n            className=\"resize-none\"\n          />\n          {error && <p className=\"mt-1 text-xs text-[var(--error)]\">{error}</p>}\n          <div className=\"mt-2 flex items-center gap-2\">\n            <Button\n              onClick={() => void save()}\n              loading={saving}\n              disabled={!body.trim()}\n            >\n              Leave note\n            </Button>\n            <Button\n              variant=\"secondary\"\n              onClick={() => {\n                setWriting(false);\n                setBody('');\n                setError(null);\n              }}\n            >\n              Cancel\n            </Button>\n          </div>\n        </div>\n      )}\n\n      {notes.length > 0 && (\n        <div className=\"mt-3 flex flex-col gap-3\">\n          {groupByDay(notes).map((group) => (\n            <div key={group.label}>\n              <p className=\"mb-1 text-2xs font-medium uppercase tracking-wide text-[var(--text-tertiary)]\">\n                {group.label}\n              </p>\n              <ul className=\"flex flex-col gap-2\">\n                {group.entries.map((note) => (\n                  <li key={note.id} className=\"text-sm\">\n                    <span className=\"text-[var(--text-primary)]\">\n                      {note.body}\n                    </span>\n                    {note.authorName && (\n                      <span className=\"text-[var(--text-tertiary)]\">\n                        {' — '}\n                        {note.authorName}\n                      </span>\n                    )}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          ))}\n        </div>\n      )}\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/(bookings)/bookings/_components/today/index.js

@@ -0,0 +1,17 @@
+import { TodayBand } from "./today-band";
+import { ResourceBoard } from "./resource-board";
+import { BookingCard } from "./booking-card";
+import { WaitingQueue } from "./waiting-queue";
+import { Handover } from "./handover";
+import { UpcomingBand } from "./upcoming-band";
+import { PastBand } from "./past-band";
+export {
+  BookingCard,
+  Handover,
+  PastBand,
+  ResourceBoard,
+  TodayBand,
+  UpcomingBand,
+  WaitingQueue
+};
+//# sourceMappingURL=index.js.map

package/dist/dashboard/(bookings)/bookings/_components/today/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dashboard/%28bookings%29/bookings/_components/today/index.ts"],"sourcesContent":["export { TodayBand } from './today-band';\nexport { ResourceBoard } from './resource-board';\nexport { BookingCard } from './booking-card';\nexport { WaitingQueue } from './waiting-queue';\nexport { Handover } from './handover';\nexport { UpcomingBand } from './upcoming-band';\nexport { PastBand } from './past-band';\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;","names":[]}

package/dist/dashboard/(bookings)/bookings/_components/today/past-band.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { useApiQuery } from "@withpotter/hooks/use-api-query";
+import { useLocationScope } from "@withpotter/lib/location-scope-context";
+import { bookingsApi } from "@withpotter/lib/api/bookings";
+import { StatusBadge } from "@withpotter/components/shared/status-badge";
+import { InlineListSkeleton } from "@withpotter/ui-kit/page-skeletons";
+const HORIZON = 8;
+function yesterday() {
+  const date = /* @__PURE__ */ new Date();
+  date.setDate(date.getDate() - 1);
+  return date.toISOString().slice(0, 10);
+}
+function dayKey(iso) {
+  return new Date(iso).toLocaleDateString("en-GB", {
+    weekday: "long",
+    day: "numeric",
+    month: "short"
+  });
+}
+function timeLabel(booking) {
+  if (!booking.startTime) return "No time set";
+  const [hourValue, minute] = booking.startTime.split(":").map(Number);
+  return `${hourValue % 12 || 12}:${String(minute).padStart(2, "0")} ${hourValue >= 12 ? "pm" : "am"}`;
+}
+function PastBand({ types }) {
+  const { locationFilter } = useLocationScope();
+  const { data, isLoading } = useApiQuery(
+    ["bookings-past", locationFilter, types?.join("+") ?? "all"],
+    (slug) => bookingsApi.list(slug, {
+      dateTo: yesterday(),
+      type: types ? [...types] : void 0,
+      sortOrder: "DESC",
+      limit: HORIZON,
+      locationIds: locationFilter
+    })
+  );
+  const bookings = data?.data ?? [];
+  if (isLoading) return /* @__PURE__ */ jsx(InlineListSkeleton, {});
+  if (bookings.length === 0) return null;
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-[var(--text-primary)]", children: "Past appointments" }),
+    /* @__PURE__ */ jsx("div", { className: "surface divide-y divide-[var(--border-subtle)]", children: bookings.map((booking) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-center gap-3 px-3 py-2 transition-colors hover:bg-[var(--interactive-hover)]",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "w-24 shrink-0 text-xs text-[var(--text-tertiary)]", children: dayKey(booking.date) }),
+          /* @__PURE__ */ jsx("span", { className: "w-20 shrink-0 text-sm tabular-nums text-[var(--text-secondary)]", children: timeLabel(booking) }),
+          /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: `/dashboard/bookings/${booking.id}`,
+              className: "min-w-0 flex-1 truncate text-sm font-medium text-[var(--text-primary)]",
+              children: booking.customerName || "Guest"
+            }
+          ),
+          /* @__PURE__ */ jsx(StatusBadge, { neutral: true, status: booking.status })
+        ]
+      },
+      booking.id
+    )) })
+  ] });
+}
+export {
+  PastBand
+};
+//# sourceMappingURL=past-band.js.map

package/dist/dashboard/(bookings)/bookings/_components/today/past-band.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dashboard/%28bookings%29/bookings/_components/today/past-band.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { useApiQuery } from '@withpotter/hooks/use-api-query';\nimport { useLocationScope } from '@withpotter/lib/location-scope-context';\nimport { bookingsApi } from '@withpotter/lib/api/bookings';\nimport type { BookingItem } from '@withpotter/lib/api/types';\nimport { StatusBadge } from '@withpotter/components/shared/status-badge';\nimport { InlineListSkeleton } from '@withpotter/ui-kit/page-skeletons';\n\nconst HORIZON = 8;\n\nfunction yesterday(): string {\n  const date = new Date();\n  date.setDate(date.getDate() - 1);\n  return date.toISOString().slice(0, 10);\n}\n\nfunction dayKey(iso: string): string {\n  return new Date(iso).toLocaleDateString('en-GB', {\n    weekday: 'long',\n    day: 'numeric',\n    month: 'short',\n  });\n}\n\nfunction timeLabel(booking: BookingItem): string {\n  if (!booking.startTime) return 'No time set';\n  const [hourValue, minute] = booking.startTime.split(':').map(Number);\n  return `${hourValue % 12 || 12}:${String(minute).padStart(2, '0')} ${\n    hourValue >= 12 ? 'pm' : 'am'\n  }`;\n}\n\nexport function PastBand({ types }: { types?: readonly string[] }) {\n  const { locationFilter } = useLocationScope();\n  const { data, isLoading } = useApiQuery(\n    ['bookings-past', locationFilter, types?.join('+') ?? 'all'],\n    (slug) =>\n      bookingsApi.list(slug, {\n        dateTo: yesterday(),\n        type: types ? [...types] : undefined,\n        sortOrder: 'DESC',\n        limit: HORIZON,\n        locationIds: locationFilter,\n      }),\n  );\n\n  const bookings = data?.data ?? [];\n  if (isLoading) return <InlineListSkeleton />;\n  if (bookings.length === 0) return null;\n\n  return (\n    <section className=\"space-y-3\">\n      <h2 className=\"text-sm font-semibold text-[var(--text-primary)]\">\n        Past appointments\n      </h2>\n      <div className=\"surface divide-y divide-[var(--border-subtle)]\">\n        {bookings.map((booking) => (\n          <div\n            key={booking.id}\n            className=\"flex items-center gap-3 px-3 py-2 transition-colors hover:bg-[var(--interactive-hover)]\"\n          >\n            <span className=\"w-24 shrink-0 text-xs text-[var(--text-tertiary)]\">\n              {dayKey(booking.date)}\n            </span>\n            <span className=\"w-20 shrink-0 text-sm tabular-nums text-[var(--text-secondary)]\">\n              {timeLabel(booking)}\n            </span>\n            <Link\n              href={`/dashboard/bookings/${booking.id}`}\n              className=\"min-w-0 flex-1 truncate text-sm font-medium text-[var(--text-primary)]\"\n            >\n              {booking.customerName || 'Guest'}\n            </Link>\n            <StatusBadge neutral status={booking.status} />\n          </div>\n        ))}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";AAiDwB,cAUd,YAVc;AA/CxB,OAAO,UAAU;AACjB,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAE5B,SAAS,mBAAmB;AAC5B,SAAS,0BAA0B;AAEnC,MAAM,UAAU;AAEhB,SAAS,YAAoB;AAC3B,QAAM,OAAO,oBAAI,KAAK;AACtB,OAAK,QAAQ,KAAK,QAAQ,IAAI,CAAC;AAC/B,SAAO,KAAK,YAAY,EAAE,MAAM,GAAG,EAAE;AACvC;AAEA,SAAS,OAAO,KAAqB;AACnC,SAAO,IAAI,KAAK,GAAG,EAAE,mBAAmB,SAAS;AAAA,IAC/C,SAAS;AAAA,IACT,KAAK;AAAA,IACL,OAAO;AAAA,EACT,CAAC;AACH;AAEA,SAAS,UAAU,SAA8B;AAC/C,MAAI,CAAC,QAAQ,UAAW,QAAO;AAC/B,QAAM,CAAC,WAAW,MAAM,IAAI,QAAQ,UAAU,MAAM,GAAG,EAAE,IAAI,MAAM;AACnE,SAAO,GAAG,YAAY,MAAM,EAAE,IAAI,OAAO,MAAM,EAAE,SAAS,GAAG,GAAG,CAAC,IAC/D,aAAa,KAAK,OAAO,IAC3B;AACF;AAEO,SAAS,SAAS,EAAE,MAAM,GAAkC;AACjE,QAAM,EAAE,eAAe,IAAI,iBAAiB;AAC5C,QAAM,EAAE,MAAM,UAAU,IAAI;AAAA,IAC1B,CAAC,iBAAiB,gBAAgB,OAAO,KAAK,GAAG,KAAK,KAAK;AAAA,IAC3D,CAAC,SACC,YAAY,KAAK,MAAM;AAAA,MACrB,QAAQ,UAAU;AAAA,MAClB,MAAM,QAAQ,CAAC,GAAG,KAAK,IAAI;AAAA,MAC3B,WAAW;AAAA,MACX,OAAO;AAAA,MACP,aAAa;AAAA,IACf,CAAC;AAAA,EACL;AAEA,QAAM,WAAW,MAAM,QAAQ,CAAC;AAChC,MAAI,UAAW,QAAO,oBAAC,sBAAmB;AAC1C,MAAI,SAAS,WAAW,EAAG,QAAO;AAElC,SACE,qBAAC,aAAQ,WAAU,aACjB;AAAA,wBAAC,QAAG,WAAU,oDAAmD,+BAEjE;AAAA,IACA,oBAAC,SAAI,WAAU,kDACZ,mBAAS,IAAI,CAAC,YACb;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QAEV;AAAA,8BAAC,UAAK,WAAU,qDACb,iBAAO,QAAQ,IAAI,GACtB;AAAA,UACA,oBAAC,UAAK,WAAU,mEACb,oBAAU,OAAO,GACpB;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,uBAAuB,QAAQ,EAAE;AAAA,cACvC,WAAU;AAAA,cAET,kBAAQ,gBAAgB;AAAA;AAAA,UAC3B;AAAA,UACA,oBAAC,eAAY,SAAO,MAAC,QAAQ,QAAQ,QAAQ;AAAA;AAAA;AAAA,MAfxC,QAAQ;AAAA,IAgBf,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/dashboard/(bookings)/bookings/_components/today/resource-board.js

@@ -0,0 +1,111 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { CalendarClock, Receipt } from "lucide-react";
+import { EmptyNote, StateView } from "@withpotter/ui-kit";
+import { BookingCard } from "./booking-card";
+const COLUMNS = {
+  1: "grid gap-4",
+  2: "grid gap-4 sm:grid-cols-2",
+  3: "grid gap-4 sm:grid-cols-2 2xl:grid-cols-3"
+};
+const MANY_COLUMNS = "grid gap-4 sm:grid-cols-2 2xl:grid-cols-4";
+function OpenTab({
+  openTab,
+  formatCurrency
+}) {
+  return /* @__PURE__ */ jsxs(
+    Link,
+    {
+      href: "/dashboard/tabs",
+      className: "flex items-center justify-between gap-2 rounded-lg border border-[var(--border-default)] bg-[var(--bg-subtle)] px-3 py-2 transition-colors hover:bg-[var(--interactive-hover)]",
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-xs text-[var(--text-secondary)]", children: [
+          /* @__PURE__ */ jsx(Receipt, {}),
+          "Open tab",
+          openTab.itemCount > 0 ? ` \xB7 ${openTab.itemCount}` : null
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold tabular-nums text-[var(--text-primary)]", children: formatCurrency(openTab.total, openTab.currency) })
+      ]
+    }
+  );
+}
+function Column({
+  title,
+  count,
+  openTab,
+  formatCurrency,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-1", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: title }),
+      /* @__PURE__ */ jsx("span", { className: "text-2xs tabular-nums text-[var(--text-tertiary)]", children: count })
+    ] }),
+    openTab ? /* @__PURE__ */ jsx(OpenTab, { openTab, formatCurrency }) : null,
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children })
+  ] });
+}
+function ResourceBoard({
+  lanes,
+  formatCurrency,
+  pendingId,
+  pendingAction,
+  onCheckIn,
+  onRecordPayment,
+  onNoShow
+}) {
+  const card = (b) => /* @__PURE__ */ jsx(
+    BookingCard,
+    {
+      booking: b,
+      formatCurrency,
+      pending: pendingId === b.id ? pendingAction : null,
+      onCheckIn: () => onCheckIn(b),
+      onRecordPayment: () => onRecordPayment(b),
+      onNoShow: () => onNoShow(b)
+    },
+    b.id
+  );
+  const bookings = lanes.flatMap((lane) => lane.bookings);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "space-y-3 lg:hidden", children: bookings.length > 0 ? bookings.map(card) : /* @__PURE__ */ jsx(
+      StateView,
+      {
+        kind: "empty",
+        icon: CalendarClock,
+        title: "Nothing scheduled today",
+        description: "Your day is clear. Add an appointment or check upcoming bookings.",
+        action: {
+          label: "Add appointment",
+          href: "/dashboard/bookings/new"
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `hidden lg:block ${COLUMNS[lanes.length] ?? MANY_COLUMNS}`,
+        children: lanes.map((lane) => /* @__PURE__ */ jsx(
+          Column,
+          {
+            title: lane.title,
+            count: lane.bookings.length,
+            openTab: lane.openTab,
+            formatCurrency,
+            children: lane.bookings.length ? lane.bookings.map(card) : (
+              /* One lane quiet on a day that is not: a line, not a box the
+                 height of the cards beside it. */
+              /* @__PURE__ */ jsx(EmptyNote, { well: true, className: "py-4", children: "No bookings today" })
+            )
+          },
+          lane.id
+        ))
+      }
+    )
+  ] });
+}
+export {
+  ResourceBoard
+};
+//# sourceMappingURL=resource-board.js.map

package/dist/dashboard/(bookings)/bookings/_components/today/resource-board.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dashboard/%28bookings%29/bookings/_components/today/resource-board.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { CalendarClock, Receipt } from 'lucide-react';\nimport type { BookingItem } from '@withpotter/lib/api/types';\nimport { EmptyNote, StateView } from '@withpotter/ui-kit';\nimport type { DayLane } from '../../_hooks/use-today-data';\nimport { BookingCard } from './booking-card';\n\ntype Pending = 'checkin' | 'payment' | 'noshow' | null;\n\ntype FormatCurrency = (n: number, currency?: string) => string;\n\n/**\n * The board follows the day, not a fixed four.\n *\n * `xl:grid-cols-4` was hardcoded, so a business with two chairs drew its day in\n * the left half of the screen with a void to the right of it — the columns did\n * not read as \"these are your two chairs\", they read as two of four things\n * having failed to load.\n */\nconst COLUMNS: Record<number, string> = {\n  1: 'grid gap-4',\n  2: 'grid gap-4 sm:grid-cols-2',\n  3: 'grid gap-4 sm:grid-cols-2 2xl:grid-cols-3',\n};\nconst MANY_COLUMNS = 'grid gap-4 sm:grid-cols-2 2xl:grid-cols-4';\n\nfunction OpenTab({\n  openTab,\n  formatCurrency,\n}: {\n  openTab: NonNullable<DayLane['openTab']>;\n  formatCurrency: FormatCurrency;\n}) {\n  return (\n    <Link\n      href=\"/dashboard/tabs\"\n      className=\"flex items-center justify-between gap-2 rounded-lg border border-[var(--border-default)] bg-[var(--bg-subtle)] px-3 py-2 transition-colors hover:bg-[var(--interactive-hover)]\"\n    >\n      <span className=\"flex items-center gap-2 text-xs text-[var(--text-secondary)]\">\n        <Receipt />\n        Open tab\n        {openTab.itemCount > 0 ? ` · ${openTab.itemCount}` : null}\n      </span>\n      <span className=\"text-xs font-semibold tabular-nums text-[var(--text-primary)]\">\n        {formatCurrency(openTab.total, openTab.currency)}\n      </span>\n    </Link>\n  );\n}\n\nfunction Column({\n  title,\n  count,\n  openTab,\n  formatCurrency,\n  children,\n}: {\n  title: string;\n  count: number;\n  openTab?: DayLane['openTab'];\n  formatCurrency: FormatCurrency;\n  children: React.ReactNode;\n}) {\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <div className=\"flex items-center justify-between px-1\">\n        <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">\n          {title}\n        </h3>\n        <span className=\"text-2xs tabular-nums text-[var(--text-tertiary)]\">\n          {count}\n        </span>\n      </div>\n\n      {/* A table can be reserved and be running a bill at the same time. The\n          bill is the part that walks out of the door, so it sits on the lane\n          rather than one screen away in Tabs. */}\n      {openTab ? (\n        <OpenTab openTab={openTab} formatCurrency={formatCurrency} />\n      ) : null}\n\n      <div className=\"flex flex-col gap-2\">{children}</div>\n    </div>\n  );\n}\n\n/**\n * The day, in columns.\n *\n * What a column IS comes from the hook, not from here: a court, a table, a\n * stylist, or a stretch of the afternoon for a business whose bookings are not\n * resource-backed. This renders whatever it is handed, which is why a short-let\n * operator now sees their day at all.\n */\nexport function ResourceBoard({\n  lanes,\n  formatCurrency,\n  pendingId,\n  pendingAction,\n  onCheckIn,\n  onRecordPayment,\n  onNoShow,\n}: {\n  lanes: DayLane[];\n  formatCurrency: FormatCurrency;\n  pendingId: string | null;\n  pendingAction: Pending;\n  onCheckIn: (b: BookingItem) => void;\n  onRecordPayment: (b: BookingItem) => void;\n  onNoShow: (b: BookingItem) => void;\n}) {\n  const card = (b: BookingItem) => (\n    <BookingCard\n      key={b.id}\n      booking={b}\n      formatCurrency={formatCurrency}\n      pending={pendingId === b.id ? pendingAction : null}\n      onCheckIn={() => onCheckIn(b)}\n      onRecordPayment={() => onRecordPayment(b)}\n      onNoShow={() => onNoShow(b)}\n    />\n  );\n  const bookings = lanes.flatMap((lane) => lane.bookings);\n\n  return (\n    <>\n      <div className=\"space-y-3 lg:hidden\">\n        {bookings.length > 0 ? (\n          bookings.map(card)\n        ) : (\n          <StateView\n            kind=\"empty\"\n            icon={CalendarClock}\n            title=\"Nothing scheduled today\"\n            description=\"Your day is clear. Add an appointment or check upcoming bookings.\"\n            action={{\n              label: 'Add appointment',\n              href: '/dashboard/bookings/new',\n            }}\n          />\n        )}\n      </div>\n      <div\n        className={`hidden lg:block ${COLUMNS[lanes.length] ?? MANY_COLUMNS}`}\n      >\n        {lanes.map((lane) => (\n          <Column\n            key={lane.id}\n            title={lane.title}\n            count={lane.bookings.length}\n            openTab={lane.openTab}\n            formatCurrency={formatCurrency}\n          >\n            {lane.bookings.length ? (\n              lane.bookings.map(card)\n            ) : (\n              /* One lane quiet on a day that is not: a line, not a box the\n                 height of the cards beside it. */\n              <EmptyNote well className=\"py-4\">\n                No bookings today\n              </EmptyNote>\n            )}\n          </Column>\n        ))}\n      </div>\n    </>\n  );\n}\n"],"mappings":";AAwCM,SAuFF,UAtFI,KADF;AAtCN,OAAO,UAAU;AACjB,SAAS,eAAe,eAAe;AAEvC,SAAS,WAAW,iBAAiB;AAErC,SAAS,mBAAmB;AAc5B,MAAM,UAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,eAAe;AAErB,SAAS,QAAQ;AAAA,EACf;AAAA,EACA;AACF,GAGG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MAEV;AAAA,6BAAC,UAAK,WAAU,gEACd;AAAA,8BAAC,WAAQ;AAAA,UAAE;AAAA,UAEV,QAAQ,YAAY,IAAI,SAAM,QAAQ,SAAS,KAAK;AAAA,WACvD;AAAA,QACA,oBAAC,UAAK,WAAU,iEACb,yBAAe,QAAQ,OAAO,QAAQ,QAAQ,GACjD;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACE,qBAAC,SAAI,WAAU,uBACb;AAAA,yBAAC,SAAI,WAAU,0CACb;AAAA,0BAAC,QAAG,WAAU,oDACX,iBACH;AAAA,MACA,oBAAC,UAAK,WAAU,qDACb,iBACH;AAAA,OACF;AAAA,IAKC,UACC,oBAAC,WAAQ,SAAkB,gBAAgC,IACzD;AAAA,IAEJ,oBAAC,SAAI,WAAU,uBAAuB,UAAS;AAAA,KACjD;AAEJ;AAUO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,QAAM,OAAO,CAAC,MACZ;AAAA,IAAC;AAAA;AAAA,MAEC,SAAS;AAAA,MACT;AAAA,MACA,SAAS,cAAc,EAAE,KAAK,gBAAgB;AAAA,MAC9C,WAAW,MAAM,UAAU,CAAC;AAAA,MAC5B,iBAAiB,MAAM,gBAAgB,CAAC;AAAA,MACxC,UAAU,MAAM,SAAS,CAAC;AAAA;AAAA,IANrB,EAAE;AAAA,EAOT;AAEF,QAAM,WAAW,MAAM,QAAQ,CAAC,SAAS,KAAK,QAAQ;AAEtD,SACE,iCACE;AAAA,wBAAC,SAAI,WAAU,uBACZ,mBAAS,SAAS,IACjB,SAAS,IAAI,IAAI,IAEjB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,QAAQ;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QACR;AAAA;AAAA,IACF,GAEJ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,mBAAmB,QAAQ,MAAM,MAAM,KAAK,YAAY;AAAA,QAElE,gBAAM,IAAI,CAAC,SACV;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO,KAAK;AAAA,YACZ,OAAO,KAAK,SAAS;AAAA,YACrB,SAAS,KAAK;AAAA,YACd;AAAA,YAEC,eAAK,SAAS,SACb,KAAK,SAAS,IAAI,IAAI;AAAA;AAAA;AAAA,cAItB,oBAAC,aAAU,MAAI,MAAC,WAAU,QAAO,+BAEjC;AAAA;AAAA;AAAA,UAbG,KAAK;AAAA,QAeZ,CACD;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/dashboard/(bookings)/bookings/_components/today/today-band.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { LiveDot } from "@withpotter/ui-kit/live-dot";
+import { RollingNumber } from "@withpotter/ui-kit/rolling-number";
+const TONE = {
+  neutral: "text-[var(--text-primary)]",
+  warning: "text-[var(--warning)]",
+  info: "text-[var(--info)]"
+};
+function TodayBand({
+  onNow,
+  dueNext,
+  awaitingPayment,
+  toCheckIn,
+  stays
+}) {
+  const readings = stays ? [
+    { key: "in", value: stays.arrivals, label: "arriving", tone: "info" },
+    { key: "out", value: stays.departures, label: "leaving", tone: "info" },
+    { key: "stay", value: stays.inHouse, label: "still in", live: true },
+    {
+      key: "owed",
+      value: awaitingPayment,
+      label: "awaiting payment",
+      tone: "warning"
+    }
+  ] : [
+    { key: "now", value: onNow, label: "on now", live: true },
+    { key: "due", value: dueNext, label: "due in 2 hours" },
+    {
+      key: "owed",
+      value: awaitingPayment,
+      label: "awaiting payment",
+      tone: "warning"
+    },
+    {
+      key: "in",
+      value: toCheckIn,
+      label: "to check in",
+      tone: "info"
+    }
+  ];
+  const shown = readings.filter((r) => r.value > 0);
+  if (shown.length === 0) return null;
+  return /* @__PURE__ */ jsx("p", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-sm text-[var(--text-tertiary)]", children: shown.map((r) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-[var(--text-muted)]", children: "\xB7" }),
+    r.live && /* @__PURE__ */ jsx(LiveDot, {}),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: `font-medium tabular-nums ${TONE[r.tone ?? "neutral"]}`,
+        children: /* @__PURE__ */ jsx(RollingNumber, { value: r.value })
+      }
+    ),
+    r.label
+  ] }, r.key)) });
+}
+export {
+  TodayBand
+};
+//# sourceMappingURL=today-band.js.map

package/dist/dashboard/(bookings)/bookings/_components/today/today-band.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dashboard/%28bookings%29/bookings/_components/today/today-band.tsx"],"sourcesContent":["'use client';\n\nimport { LiveDot } from '@withpotter/ui-kit/live-dot';\nimport { RollingNumber } from '@withpotter/ui-kit/rolling-number';\n\ntype Tone = 'neutral' | 'warning' | 'info';\n\nconst TONE: Record<Tone, string> = {\n  neutral: 'text-[var(--text-primary)]',\n  warning: 'text-[var(--warning)]',\n  info: 'text-[var(--info)]',\n};\n\ninterface Reading {\n  key: string;\n  value: number;\n  label: string;\n  tone?: Tone;\n  /** The pulse, for the one reading that is about this exact minute. */\n  live?: boolean;\n}\n\n/**\n * What the desk is watching, as a line rather than as four cards.\n *\n * THE ZEROS WERE THE BUG. This was a grid of four `surface` tiles, each with an\n * icon, a 20px figure and a caption, and it drew all four whether or not there\n * was anything to report — so the quietest possible morning opened on four\n * cards shouting 0, above a board of dashed empty boxes. A screen that looks\n * equally loud when nothing is happening cannot tell you that something is.\n *\n * So a reading with no number is not drawn, and a day with no readings at all\n * draws nothing: the same rule the home band already follows (\"it disappears at\n * zero\"), and the same shape, because \"somebody is on your site\" and \"two are\n * on court\" are the same sentence on two screens. A tile is for a figure you\n * compare; these are facts about right now, and a fact is a line of text.\n *\n * IT CONTINUES THE DAY ROW'S SENTENCE, which is why every reading carries its\n * own leading separator: \"Monday, August 24 · 2 on now · 1 awaiting payment\".\n * The date says which day, the readings say what is true on it, and they are\n * one line because they are one thought.\n *\n * WHAT THE DESK WATCHES is not one question for every business. A salon or a\n * court reads the clock: what is running, what is due shortly. A property reads\n * the door: who arrives, who leaves, who is still in — the clock reading is not\n * merely less useful for a stay, it is unanswerable, because \"on now\" compares\n * clock minutes and a stay crosses midnight. Money owed survives both readings.\n */\nexport function TodayBand({\n  onNow,\n  dueNext,\n  awaitingPayment,\n  toCheckIn,\n  stays,\n}: {\n  onNow: number;\n  dueNext: number;\n  awaitingPayment: number;\n  toCheckIn: number;\n  /** Present when the day contains bookings spanning more than one date. */\n  stays?: { arrivals: number; departures: number; inHouse: number };\n}) {\n  const readings: Reading[] = stays\n    ? [\n        { key: 'in', value: stays.arrivals, label: 'arriving', tone: 'info' },\n        { key: 'out', value: stays.departures, label: 'leaving', tone: 'info' },\n        { key: 'stay', value: stays.inHouse, label: 'still in', live: true },\n        {\n          key: 'owed',\n          value: awaitingPayment,\n          label: 'awaiting payment',\n          tone: 'warning',\n        },\n      ]\n    : [\n        { key: 'now', value: onNow, label: 'on now', live: true },\n        { key: 'due', value: dueNext, label: 'due in 2 hours' },\n        {\n          key: 'owed',\n          value: awaitingPayment,\n          label: 'awaiting payment',\n          tone: 'warning',\n        },\n        {\n          key: 'in',\n          value: toCheckIn,\n          label: 'to check in',\n          tone: 'info',\n        },\n      ];\n\n  const shown = readings.filter((r) => r.value > 0);\n  if (shown.length === 0) return null;\n\n  return (\n    <p className=\"flex flex-wrap items-center gap-x-2 gap-y-1 text-sm text-[var(--text-tertiary)]\">\n      {shown.map((r) => (\n        <span key={r.key} className=\"inline-flex items-center gap-2\">\n          <span aria-hidden=\"true\" className=\"text-[var(--text-muted)]\">\n            ·\n          </span>\n          {r.live && <LiveDot />}\n          <span\n            className={`font-medium tabular-nums ${TONE[r.tone ?? 'neutral']}`}\n          >\n            <RollingNumber value={r.value} />\n          </span>\n          {r.label}\n        </span>\n      ))}\n    </p>\n  );\n}\n"],"mappings":";AAiGQ,SACE,KADF;AA/FR,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAI9B,MAAM,OAA6B;AAAA,EACjC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AACR;AAqCO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,WAAsB,QACxB;AAAA,IACE,EAAE,KAAK,MAAM,OAAO,MAAM,UAAU,OAAO,YAAY,MAAM,OAAO;AAAA,IACpE,EAAE,KAAK,OAAO,OAAO,MAAM,YAAY,OAAO,WAAW,MAAM,OAAO;AAAA,IACtE,EAAE,KAAK,QAAQ,OAAO,MAAM,SAAS,OAAO,YAAY,MAAM,KAAK;AAAA,IACnE;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF,IACA;AAAA,IACE,EAAE,KAAK,OAAO,OAAO,OAAO,OAAO,UAAU,MAAM,KAAK;AAAA,IACxD,EAAE,KAAK,OAAO,OAAO,SAAS,OAAO,iBAAiB;AAAA,IACtD;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AAEJ,QAAM,QAAQ,SAAS,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC;AAChD,MAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,SACE,oBAAC,OAAE,WAAU,mFACV,gBAAM,IAAI,CAAC,MACV,qBAAC,UAAiB,WAAU,kCAC1B;AAAA,wBAAC,UAAK,eAAY,QAAO,WAAU,4BAA2B,kBAE9D;AAAA,IACC,EAAE,QAAQ,oBAAC,WAAQ;AAAA,IACpB;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,4BAA4B,KAAK,EAAE,QAAQ,SAAS,CAAC;AAAA,QAEhE,8BAAC,iBAAc,OAAO,EAAE,OAAO;AAAA;AAAA,IACjC;AAAA,IACC,EAAE;AAAA,OAVM,EAAE,GAWb,CACD,GACH;AAEJ;","names":[]}