@withpotter/pages-bookings 0.13.0-next.101

package/dist/dashboard/(bookings)/resources/_components/resource-type-picker-empty.js

@@ -0,0 +1,109 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  CalendarClock,
+  Users,
+  DoorOpen,
+  Wrench,
+  Building2
+} from "lucide-react";
+const RESOURCE_TYPE_CARDS = [
+  {
+    kind: "person",
+    title: "Solo",
+    description: "Manage your own schedule, appointments, and availability",
+    icon: CalendarClock,
+    color: "text-brand-500 bg-[var(--accent-secondary)]",
+    examples: "Freelancer, solo practitioner, consultant"
+  },
+  {
+    kind: "person",
+    title: "Staff / team",
+    description: "Organize service providers with individual schedules and skills",
+    icon: Users,
+    color: "text-violet-600 bg-violet-50",
+    examples: "Stylists, therapists, instructors, doctors",
+    defaultLabel: "Staff",
+    defaultLabelPlural: "Staff"
+  },
+  {
+    kind: "space",
+    title: "Spaces & rooms",
+    description: "Shared spaces with variable capacity and operating hours",
+    icon: DoorOpen,
+    color: "text-[var(--success)] bg-[var(--success-bg)]",
+    examples: "Studios, meeting rooms, courts, tables",
+    defaultLabel: "Room",
+    defaultLabelPlural: "Rooms"
+  },
+  {
+    kind: "equipment",
+    title: "Equipment",
+    description: "Physical equipment with availability windows",
+    icon: Wrench,
+    color: "text-amber-600 bg-amber-50",
+    examples: "Projectors, cameras, vehicles, tools",
+    defaultLabel: "Equipment",
+    defaultLabelPlural: "Equipment"
+  },
+  {
+    kind: "unit",
+    title: "Units / properties",
+    description: "Date-range units for nightly or weekly bookings",
+    icon: Building2,
+    color: "text-rose-600 bg-rose-50",
+    examples: "Apartments, vacation rentals, hotel rooms",
+    defaultLabel: "Unit",
+    defaultLabelPlural: "Units"
+  }
+];
+const INDUSTRY_CARD_FILTER = {
+  beauty: ["Solo", "Staff / Team", "Spaces & Rooms"],
+  wellness: ["Solo", "Staff / Team", "Spaces & Rooms"],
+  professional: ["Solo", "Staff / Team", "Spaces & Rooms"],
+  fitness: ["Staff / Team", "Spaces & Rooms"],
+  hospitality: ["Staff / Team", "Units / Properties"],
+  creative: ["Solo", "Staff / Team", "Equipment"]
+};
+function ResourceTypePickerEmpty({
+  onPick,
+  industryKey
+}) {
+  const allowedTitles = industryKey ? INDUSTRY_CARD_FILTER[industryKey] : null;
+  const visibleCards = allowedTitles ? RESOURCE_TYPE_CARDS.filter((card) => allowedTitles.includes(card.title)) : RESOURCE_TYPE_CARDS;
+  return /* @__PURE__ */ jsxs("div", { className: "py-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-center mb-8", children: [
+      /* @__PURE__ */ jsx("div", { className: "inline-flex items-center justify-center w-14 h-14 rounded-full bg-[var(--bg-subtle)] mb-4", children: /* @__PURE__ */ jsx(CalendarClock, { className: "w-7 h-7 text-[var(--text-muted)]" }) }),
+      /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-[var(--text-primary)] mb-1", children: "What would you like to manage?" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-tertiary)] max-w-md mx-auto mb-2", children: "Resources are the people, rooms or equipment that get booked. Add one, set its schedule, and a service that needs it cannot be double-booked." }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-tertiary)] max-w-md mx-auto", children: "Choose the type of resource you need. Each one creates a dedicated section in your sidebar for quick access." })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 max-w-4xl mx-auto", children: visibleCards.map((card) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onPick(
+          card.kind === "person" && card.title === "Solo" ? "solo" : card.kind
+        ),
+        className: "group flex flex-col items-start text-left p-5 bg-[var(--bg-base)] border border-[var(--border-default)] rounded-md hover:border-brand-300 transition-all cursor-pointer",
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `flex items-center justify-center w-10 h-10 rounded-full ${card.color} mb-3`,
+              children: /* @__PURE__ */ jsx(card.icon, { className: "w-5 h-5" })
+            }
+          ),
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-[var(--text-primary)] mb-1", children: card.title }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-secondary)] leading-relaxed mb-3", children: card.description }),
+          /* @__PURE__ */ jsx("p", { className: "text-[11px] text-[var(--text-muted)] italic", children: card.examples })
+        ]
+      },
+      card.title
+    )) })
+  ] });
+}
+export {
+  ResourceTypePickerEmpty
+};
+//# sourceMappingURL=resource-type-picker-empty.js.map

package/dist/dashboard/(bookings)/resources/_components/resource-type-picker-empty.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/resources/_components/resource-type-picker-empty.tsx"],"sourcesContent":["'use client';\n\nimport {\n  CalendarClock,\n  Users,\n  DoorOpen,\n  Wrench,\n  Building2,\n} from 'lucide-react';\n\nconst RESOURCE_TYPE_CARDS = [\n  {\n    kind: 'person',\n    title: 'Solo',\n    description: 'Manage your own schedule, appointments, and availability',\n    icon: CalendarClock,\n    color: 'text-brand-500 bg-[var(--accent-secondary)]',\n    examples: 'Freelancer, solo practitioner, consultant',\n  },\n  {\n    kind: 'person',\n    title: 'Staff / team',\n    description:\n      'Organize service providers with individual schedules and skills',\n    icon: Users,\n    color: 'text-violet-600 bg-violet-50',\n    examples: 'Stylists, therapists, instructors, doctors',\n    defaultLabel: 'Staff',\n    defaultLabelPlural: 'Staff',\n  },\n  {\n    kind: 'space',\n    title: 'Spaces & rooms',\n    description: 'Shared spaces with variable capacity and operating hours',\n    icon: DoorOpen,\n    color: 'text-[var(--success)] bg-[var(--success-bg)]',\n    examples: 'Studios, meeting rooms, courts, tables',\n    defaultLabel: 'Room',\n    defaultLabelPlural: 'Rooms',\n  },\n  {\n    kind: 'equipment',\n    title: 'Equipment',\n    description: 'Physical equipment with availability windows',\n    icon: Wrench,\n    color: 'text-amber-600 bg-amber-50',\n    examples: 'Projectors, cameras, vehicles, tools',\n    defaultLabel: 'Equipment',\n    defaultLabelPlural: 'Equipment',\n  },\n  {\n    kind: 'unit',\n    title: 'Units / properties',\n    description: 'Date-range units for nightly or weekly bookings',\n    icon: Building2,\n    color: 'text-rose-600 bg-rose-50',\n    examples: 'Apartments, vacation rentals, hotel rooms',\n    defaultLabel: 'Unit',\n    defaultLabelPlural: 'Units',\n  },\n];\n\ninterface ResourceTypePickerEmptyProps {\n  onPick: (kindValue: string) => void;\n  industryKey?: string | null;\n}\n\n// Cards to show per industry. Titles must match RESOURCE_TYPE_CARDS entries.\nconst INDUSTRY_CARD_FILTER: Record<string, string[]> = {\n  beauty: ['Solo', 'Staff / Team', 'Spaces & Rooms'],\n  wellness: ['Solo', 'Staff / Team', 'Spaces & Rooms'],\n  professional: ['Solo', 'Staff / Team', 'Spaces & Rooms'],\n  fitness: ['Staff / Team', 'Spaces & Rooms'],\n  hospitality: ['Staff / Team', 'Units / Properties'],\n  creative: ['Solo', 'Staff / Team', 'Equipment'],\n};\n\nexport function ResourceTypePickerEmpty({\n  onPick,\n  industryKey,\n}: ResourceTypePickerEmptyProps) {\n  const allowedTitles = industryKey ? INDUSTRY_CARD_FILTER[industryKey] : null;\n  const visibleCards = allowedTitles\n    ? RESOURCE_TYPE_CARDS.filter((card) => allowedTitles.includes(card.title))\n    : RESOURCE_TYPE_CARDS;\n  return (\n    <div className=\"py-8\">\n      <div className=\"text-center mb-8\">\n        <div className=\"inline-flex items-center justify-center w-14 h-14 rounded-full bg-[var(--bg-subtle)] mb-4\">\n          <CalendarClock className=\"w-7 h-7 text-[var(--text-muted)]\" />\n        </div>\n        <h2 className=\"text-base font-semibold text-[var(--text-primary)] mb-1\">\n          What would you like to manage?\n        </h2>\n        <p className=\"text-sm text-[var(--text-tertiary)] max-w-md mx-auto mb-2\">\n          Resources are the people, rooms or equipment that get booked. Add\n          one, set its schedule, and a service that needs it cannot be\n          double-booked.\n        </p>\n        <p className=\"text-sm text-[var(--text-tertiary)] max-w-md mx-auto\">\n          Choose the type of resource you need. Each one creates a dedicated\n          section in your sidebar for quick access.\n        </p>\n      </div>\n\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 max-w-4xl mx-auto\">\n        {visibleCards.map((card) => (\n          <button\n            type=\"button\"\n            key={card.title}\n            onClick={() =>\n              onPick(\n                card.kind === 'person' && card.title === 'Solo'\n                  ? 'solo'\n                  : card.kind,\n              )\n            }\n            className=\"group flex flex-col items-start text-left p-5 bg-[var(--bg-base)] border border-[var(--border-default)] rounded-md hover:border-brand-300 transition-all cursor-pointer\"\n          >\n            <div\n              className={`flex items-center justify-center w-10 h-10 rounded-full ${card.color} mb-3`}\n            >\n              <card.icon className=\"w-5 h-5\" />\n            </div>\n            <h3 className=\"text-sm font-semibold text-[var(--text-primary)] mb-1\">\n              {card.title}\n            </h3>\n            <p className=\"text-xs text-[var(--text-secondary)] leading-relaxed mb-3\">\n              {card.description}\n            </p>\n            <p className=\"text-[11px] text-[var(--text-muted)] italic\">\n              {card.examples}\n            </p>\n          </button>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAuFM,SAEI,KAFJ;AArFN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,sBAAsB;AAAA,EAC1B;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aACE;AAAA,IACF,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,oBAAoB;AAAA,EACtB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,oBAAoB;AAAA,EACtB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,oBAAoB;AAAA,EACtB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,oBAAoB;AAAA,EACtB;AACF;AAQA,MAAM,uBAAiD;AAAA,EACrD,QAAQ,CAAC,QAAQ,gBAAgB,gBAAgB;AAAA,EACjD,UAAU,CAAC,QAAQ,gBAAgB,gBAAgB;AAAA,EACnD,cAAc,CAAC,QAAQ,gBAAgB,gBAAgB;AAAA,EACvD,SAAS,CAAC,gBAAgB,gBAAgB;AAAA,EAC1C,aAAa,CAAC,gBAAgB,oBAAoB;AAAA,EAClD,UAAU,CAAC,QAAQ,gBAAgB,WAAW;AAChD;AAEO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,gBAAgB,cAAc,qBAAqB,WAAW,IAAI;AACxE,QAAM,eAAe,gBACjB,oBAAoB,OAAO,CAAC,SAAS,cAAc,SAAS,KAAK,KAAK,CAAC,IACvE;AACJ,SACE,qBAAC,SAAI,WAAU,QACb;AAAA,yBAAC,SAAI,WAAU,oBACb;AAAA,0BAAC,SAAI,WAAU,6FACb,8BAAC,iBAAc,WAAU,oCAAmC,GAC9D;AAAA,MACA,oBAAC,QAAG,WAAU,2DAA0D,4CAExE;AAAA,MACA,oBAAC,OAAE,WAAU,6DAA4D,2JAIzE;AAAA,MACA,oBAAC,OAAE,WAAU,wDAAuD,0HAGpE;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,0EACZ,uBAAa,IAAI,CAAC,SACjB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QAEL,SAAS,MACP;AAAA,UACE,KAAK,SAAS,YAAY,KAAK,UAAU,SACrC,SACA,KAAK;AAAA,QACX;AAAA,QAEF,WAAU;AAAA,QAEV;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,2DAA2D,KAAK,KAAK;AAAA,cAEhF,8BAAC,KAAK,MAAL,EAAU,WAAU,WAAU;AAAA;AAAA,UACjC;AAAA,UACA,oBAAC,QAAG,WAAU,yDACX,eAAK,OACR;AAAA,UACA,oBAAC,OAAE,WAAU,6DACV,eAAK,aACR;AAAA,UACA,oBAAC,OAAE,WAAU,+CACV,eAAK,UACR;AAAA;AAAA;AAAA,MAvBK,KAAK;AAAA,IAwBZ,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/dashboard/(bookings)/resources/_components/roster-empty.js

@@ -0,0 +1,103 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Users } from "lucide-react";
+import { Button } from "@withpotter/ui-kit/button";
+import { Card } from "@withpotter/ui-kit/card";
+import { FormDialog } from "@withpotter/ui-kit/form-dialog";
+import { StateView } from "@withpotter/ui-kit/state-view";
+import { useIntentConfig } from "@withpotter/lib/intents/use-intent-config";
+import { ResourcePicker } from "./resource-picker";
+function RosterEmpty({
+  saving,
+  showEmptyState = true,
+  pickerOpen: controlledPickerOpen,
+  onPickerOpenChange,
+  onCreateCategory
+}) {
+  const intentConfig = useIntentConfig();
+  const intentKeys = intentConfig.all.map((i) => i.key);
+  const [pickerOpen, setPickerOpen] = useState(false);
+  const [pickerStep, setPickerStep] = useState(
+    null
+  );
+  const [selectedPreset, setSelectedPreset] = useState(
+    null
+  );
+  const pickerIsOpen = controlledPickerOpen ?? pickerOpen;
+  const changePickerOpen = (open) => {
+    setPickerOpen(open);
+    if (!open) {
+      setPickerStep(null);
+      setSelectedPreset(null);
+    }
+    onPickerOpenChange?.(open);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    showEmptyState && /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-2xl", children: /* @__PURE__ */ jsx(
+      StateView,
+      {
+        kind: "empty",
+        icon: Users,
+        title: "No resources yet",
+        description: "Create staff, spaces, equipment, or anything else your bookings need.",
+        action: {
+          label: "Create resource",
+          onClick: () => changePickerOpen(true)
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      FormDialog,
+      {
+        open: pickerIsOpen,
+        title: selectedPreset ? `Create ${selectedPreset.plural}?` : pickerStep ? `Choose a ${pickerStep === "person" ? "people" : pickerStep} type` : "Create a resource",
+        titleSize: "xl",
+        motionPreset: "quick",
+        onBack: selectedPreset ? () => setSelectedPreset(null) : pickerStep ? () => setPickerStep(null) : void 0,
+        onClose: () => changePickerOpen(false),
+        children: selectedPreset ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs(
+            Card,
+            {
+              padding: "lg",
+              className: "flex flex-col items-center gap-3 text-center",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "flex size-10 items-center justify-center rounded-lg bg-[var(--bg-subtle)] text-[var(--text-secondary)]", children: /* @__PURE__ */ jsx(Users, { className: "size-5" }) }),
+                /* @__PURE__ */ jsxs("p", { className: "text-sm text-[var(--text-primary)]", children: [
+                  "Create a space for your ",
+                  selectedPreset.plural.toLowerCase(),
+                  "."
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              className: "w-full",
+              onClick: () => void onCreateCategory(selectedPreset),
+              disabled: saving,
+              children: saving ? "Creating\u2026" : `Set up ${selectedPreset.plural}`
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx(
+          ResourcePicker,
+          {
+            category: pickerStep,
+            intentKeys,
+            selectedId: null,
+            showingAll: false,
+            onPick: setSelectedPreset,
+            onCategoryChange: setPickerStep
+          }
+        )
+      }
+    )
+  ] });
+}
+export {
+  RosterEmpty
+};
+//# sourceMappingURL=roster-empty.js.map

package/dist/dashboard/(bookings)/resources/_components/roster-empty.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/resources/_components/roster-empty.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Users } from 'lucide-react';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { Card } from '@withpotter/ui-kit/card';\nimport { FormDialog } from '@withpotter/ui-kit/form-dialog';\nimport { StateView } from '@withpotter/ui-kit/state-view';\nimport { useIntentConfig } from '@withpotter/lib/intents/use-intent-config';\nimport type { EntityLabel } from '@withpotter/lib/intents/types';\nimport type { ResourceCategoryKind } from '@withpotter/lib/resource-types';\nimport { ResourcePicker } from './resource-picker';\nimport type { ResourcePreset } from '../_lib/presets';\n\nexport function RosterEmpty({\n  saving,\n  showEmptyState = true,\n  pickerOpen: controlledPickerOpen,\n  onPickerOpenChange,\n  onCreateCategory,\n}: {\n  resourceLabel: EntityLabel;\n  saving: boolean;\n  showEmptyState?: boolean;\n  pickerOpen?: boolean;\n  onPickerOpenChange?: (open: boolean) => void;\n  onCreateCategory: (preset: ResourcePreset) => void | Promise<void>;\n}) {\n  const intentConfig = useIntentConfig();\n  const intentKeys = intentConfig.all.map((i) => i.key);\n  const [pickerOpen, setPickerOpen] = useState(false);\n  const [pickerStep, setPickerStep] = useState<ResourceCategoryKind | null>(\n    null,\n  );\n  const [selectedPreset, setSelectedPreset] = useState<ResourcePreset | null>(\n    null,\n  );\n  const pickerIsOpen = controlledPickerOpen ?? pickerOpen;\n\n  const changePickerOpen = (open: boolean) => {\n    setPickerOpen(open);\n    if (!open) {\n      setPickerStep(null);\n      setSelectedPreset(null);\n    }\n    onPickerOpenChange?.(open);\n  };\n\n  return (\n    <>\n      {showEmptyState && (\n        <div className=\"mx-auto max-w-2xl\">\n          <StateView\n            kind=\"empty\"\n            icon={Users}\n            title=\"No resources yet\"\n            description=\"Create staff, spaces, equipment, or anything else your bookings need.\"\n            action={{\n              label: 'Create resource',\n              onClick: () => changePickerOpen(true),\n            }}\n          />\n        </div>\n      )}\n\n      <FormDialog\n        open={pickerIsOpen}\n        title={\n          selectedPreset\n            ? `Create ${selectedPreset.plural}?`\n            : pickerStep\n              ? `Choose a ${pickerStep === 'person' ? 'people' : pickerStep} type`\n              : 'Create a resource'\n        }\n        titleSize=\"xl\"\n        motionPreset=\"quick\"\n        onBack={\n          selectedPreset\n            ? () => setSelectedPreset(null)\n            : pickerStep\n              ? () => setPickerStep(null)\n              : undefined\n        }\n        onClose={() => changePickerOpen(false)}\n      >\n        {selectedPreset ? (\n          <div className=\"space-y-4\">\n            <Card\n              padding=\"lg\"\n              className=\"flex flex-col items-center gap-3 text-center\"\n            >\n              <span className=\"flex size-10 items-center justify-center rounded-lg bg-[var(--bg-subtle)] text-[var(--text-secondary)]\">\n                <Users className=\"size-5\" />\n              </span>\n              <p className=\"text-sm text-[var(--text-primary)]\">\n                Create a space for your {selectedPreset.plural.toLowerCase()}.\n              </p>\n            </Card>\n            <Button\n              type=\"button\"\n              className=\"w-full\"\n              onClick={() => void onCreateCategory(selectedPreset)}\n              disabled={saving}\n            >\n              {saving ? 'Creating…' : `Set up ${selectedPreset.plural}`}\n            </Button>\n          </div>\n        ) : (\n          <ResourcePicker\n            category={pickerStep}\n            intentKeys={intentKeys}\n            selectedId={null}\n            showingAll={false}\n            onPick={setSelectedPreset}\n            onCategoryChange={setPickerStep}\n          />\n        )}\n      </FormDialog>\n    </>\n  );\n}\n"],"mappings":";AAiDI,mBAGM,KA0CI,YA7CV;AA/CJ,SAAS,gBAAgB;AACzB,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAGhC,SAAS,sBAAsB;AAGxB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAOG;AACD,QAAM,eAAe,gBAAgB;AACrC,QAAM,aAAa,aAAa,IAAI,IAAI,CAAC,MAAM,EAAE,GAAG;AACpD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC;AAAA,EACF;AACA,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AACA,QAAM,eAAe,wBAAwB;AAE7C,QAAM,mBAAmB,CAAC,SAAkB;AAC1C,kBAAc,IAAI;AAClB,QAAI,CAAC,MAAM;AACT,oBAAc,IAAI;AAClB,wBAAkB,IAAI;AAAA,IACxB;AACA,yBAAqB,IAAI;AAAA,EAC3B;AAEA,SACE,iCACG;AAAA,sBACC,oBAAC,SAAI,WAAU,qBACb;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,QAAQ;AAAA,UACN,OAAO;AAAA,UACP,SAAS,MAAM,iBAAiB,IAAI;AAAA,QACtC;AAAA;AAAA,IACF,GACF;AAAA,IAGF;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,OACE,iBACI,UAAU,eAAe,MAAM,MAC/B,aACE,YAAY,eAAe,WAAW,WAAW,UAAU,UAC3D;AAAA,QAER,WAAU;AAAA,QACV,cAAa;AAAA,QACb,QACE,iBACI,MAAM,kBAAkB,IAAI,IAC5B,aACE,MAAM,cAAc,IAAI,IACxB;AAAA,QAER,SAAS,MAAM,iBAAiB,KAAK;AAAA,QAEpC,2BACC,qBAAC,SAAI,WAAU,aACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,WAAU;AAAA,cAEV;AAAA,oCAAC,UAAK,WAAU,0GACd,8BAAC,SAAM,WAAU,UAAS,GAC5B;AAAA,gBACA,qBAAC,OAAE,WAAU,sCAAqC;AAAA;AAAA,kBACvB,eAAe,OAAO,YAAY;AAAA,kBAAE;AAAA,mBAC/D;AAAA;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS,MAAM,KAAK,iBAAiB,cAAc;AAAA,cACnD,UAAU;AAAA,cAET,mBAAS,mBAAc,UAAU,eAAe,MAAM;AAAA;AAAA,UACzD;AAAA,WACF,IAEA;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV;AAAA,YACA,YAAY;AAAA,YACZ,YAAY;AAAA,YACZ,QAAQ;AAAA,YACR,kBAAkB;AAAA;AAAA,QACpB;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/dashboard/(bookings)/resources/_components/roster-grid.js

@@ -0,0 +1,160 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Building2, DoorOpen, Stethoscope, Users, Wrench } from "lucide-react";
+import Link from "next/link";
+import { CalendarOff, Power, Trash2 } from "lucide-react";
+import { IdentityCell } from "@withpotter/ui-kit/table-cells";
+import { StatusBadge } from "@withpotter/components/shared/status-badge";
+import { OverflowMenu, OverflowItem } from "@withpotter/ui-kit/overflow-menu";
+import { TableEmptyState } from "@withpotter/ui-kit/table-empty-state";
+import { GroupHeading } from "./group-header";
+import { availabilityWords } from "../_lib/shapes";
+import { blocksOn, isoDay, weekStates } from "../_lib/week";
+import { resolveIcon } from "@withpotter/lib/icon-resolver";
+function RosterGrid({
+  sections,
+  showHeadings,
+  hours,
+  blocks,
+  locations,
+  onAddTo,
+  onBlockTime,
+  onToggleStatus,
+  onDelete
+}) {
+  const now = /* @__PURE__ */ new Date();
+  const today = isoDay(now);
+  const todayDow = now.getDay();
+  return /* @__PURE__ */ jsx("div", { className: "space-y-4", children: sections.map(({ category, rows }) => /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "surface overflow-hidden",
+      children: [
+        showHeadings && /* @__PURE__ */ jsx("div", { className: "px-4 pt-3", children: /* @__PURE__ */ jsx(
+          GroupHeading,
+          {
+            category,
+            count: rows.length,
+            onAdd: onAddTo
+          }
+        ) }),
+        rows.length > 0 && /* @__PURE__ */ jsx("ul", { className: "grid grid-cols-2 gap-3 px-3 pb-3 pt-1", children: rows.map((row) => /* @__PURE__ */ jsx(
+          ResourceCard,
+          {
+            row,
+            hours,
+            blocks,
+            locations,
+            today,
+            todayDow,
+            onBlockTime,
+            onToggleStatus,
+            onDelete
+          },
+          row.id
+        )) }),
+        rows.length === 0 && category && /* @__PURE__ */ jsx("div", { className: "flex min-h-48 items-center px-4 pb-3", children: /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(
+          TableEmptyState,
+          {
+            icon: categoryEmptyIcon(category),
+            title: `No ${category.labelPlural.toLowerCase()} yet`,
+            description: `Add the ${category.labelPlural.toLowerCase()} customers can book.`
+          }
+        ) }) })
+      ]
+    },
+    category?.id ?? "ungrouped"
+  )) });
+}
+const DEFAULT_CATEGORY_ICONS = {
+  person: Users,
+  space: DoorOpen,
+  equipment: Wrench,
+  unit: Building2
+};
+function categoryEmptyIcon(category) {
+  if (category.icon) return resolveIcon(category.icon);
+  if (category.label.toLowerCase() === "doctor") return Stethoscope;
+  return DEFAULT_CATEGORY_ICONS[category.kind];
+}
+function ResourceCard({
+  row,
+  hours,
+  blocks,
+  locations,
+  today,
+  todayDow,
+  onBlockTime,
+  onToggleStatus,
+  onDelete
+}) {
+  const dayOff = blocksOn(blocks, row.id, today);
+  const week = weekStates(
+    row.schedule,
+    hours,
+    new Set(dayOff.length ? [todayDow] : [])
+  );
+  const todayState = week.find((d) => d.dow === todayDow);
+  const inactive = row.status !== "active";
+  const words = availabilityWords(row.category?.kind);
+  const shared = (row.maxBookingsPerSlot ?? 1) > 1 ? row.maxBookingsPerSlot : null;
+  const branch = locations.length ? locations.find((l) => l.id === row.locationId)?.name ?? "Main" : null;
+  const secondary = [
+    row.category?.label,
+    row.skills?.length ? row.skills.join(", ") : null,
+    shared ? `Holds ${shared}` : null,
+    branch,
+    !row.skills?.length && !shared && !branch ? row.description : null
+  ].filter(Boolean).join(" \xB7 ") || void 0;
+  return /* @__PURE__ */ jsxs("li", { className: "group relative", children: [
+    /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: `/dashboard/resources/${row.id}`,
+        className: "surface block p-4 transition-colors hover:border-[var(--border-strong)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "pr-7", children: /* @__PURE__ */ jsx(
+            IdentityCell,
+            {
+              name: row.name,
+              secondary,
+              image: row.imageUrl ?? void 0,
+              avatarSeed: row.name,
+              size: "lg"
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-end justify-between gap-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm", children: inactive ? /* @__PURE__ */ jsx("span", { className: "text-[var(--text-muted)]", children: "Not on the board" }) : dayOff.length ? /* @__PURE__ */ jsxs("span", { className: "text-[var(--text-tertiary)]", children: [
+              words.byTheNight ? "Not letting" : "Time off",
+              dayOff[0].title && dayOff[0].title !== "Blocked" && /* @__PURE__ */ jsxs("span", { className: "text-[var(--text-muted)]", children: [
+                " ",
+                dayOff[0].title
+              ] })
+            ] }) : words.open ? /* @__PURE__ */ jsx("span", { className: "text-[var(--text-primary)]", children: words.open }) : todayState?.hours ? /* @__PURE__ */ jsxs("span", { className: "text-[var(--text-primary)] tabular-nums", children: [
+              "Today ",
+              todayState.hours
+            ] }) : /* @__PURE__ */ jsx("span", { className: "text-[var(--text-muted)]", children: words.closed }) }) }),
+            /* @__PURE__ */ jsx(StatusBadge, { status: inactive ? "inactive" : "active" })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "absolute right-2 top-2", children: /* @__PURE__ */ jsxs(OverflowMenu, { children: [
+      /* @__PURE__ */ jsx(OverflowItem, { icon: /* @__PURE__ */ jsx(CalendarOff, {}), onClick: () => onBlockTime(row), children: "Add time off" }),
+      /* @__PURE__ */ jsx(OverflowItem, { icon: /* @__PURE__ */ jsx(Power, {}), onClick: () => onToggleStatus(row), children: inactive ? "Make bookable" : "Take off the board" }),
+      /* @__PURE__ */ jsx(
+        OverflowItem,
+        {
+          destructive: true,
+          icon: /* @__PURE__ */ jsx(Trash2, {}),
+          onClick: () => onDelete(row),
+          children: "Delete"
+        }
+      )
+    ] }) })
+  ] });
+}
+export {
+  RosterGrid
+};
+//# sourceMappingURL=roster-grid.js.map

package/dist/dashboard/(bookings)/resources/_components/roster-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/resources/_components/roster-grid.tsx"],"sourcesContent":["'use client';\n\nimport { Building2, DoorOpen, Stethoscope, Users, Wrench } from 'lucide-react';\nimport Link from 'next/link';\nimport { CalendarOff, Power, Trash2 } from 'lucide-react';\nimport { IdentityCell } from '@withpotter/ui-kit/table-cells';\nimport { StatusBadge } from '@withpotter/components/shared/status-badge';\nimport { OverflowMenu, OverflowItem } from '@withpotter/ui-kit/overflow-menu';\nimport { TableEmptyState } from '@withpotter/ui-kit/table-empty-state';\nimport type { WeeklyHours } from '@withpotter/hooks/use-hours-data';\nimport type { CalendarEventItem } from '@withpotter/lib/api/types';\nimport type { CategoryUsage, ResourceCategory } from '@withpotter/lib/resource-types';\nimport type { RosterSection } from '../_hooks/use-roster-page';\nimport type { RosterRow } from '../_hooks/use-roster';\nimport { GroupHeading } from './group-header';\nimport { availabilityWords } from '../_lib/shapes';\nimport { blocksOn, isoDay, weekStates } from '../_lib/week';\nimport { resolveIcon } from '@withpotter/lib/icon-resolver';\n\n/**\n * The roster as cards. John, 2026-08-25: *\"can we have the resources as a grid\n * instead of lists\"* — and *\"ive said this alot\"*, which it had.\n *\n * IT IS NOT THE OLD CARD COMING BACK. The grid this replaced a table with was\n * an initial and a name, three to a line, and it could not answer the only\n * question this page is opened with: can this be booked, and when. Every answer\n * was two clicks in — the week on the record, the business's hours on a second\n * tab, the day off on a third — which is why it lost to a table.\n *\n * So the card carries what the row carried. The week strip and today's hours\n * are on the face of it, and the difference from the table is only that a\n * court, a room and a person are things you recognise rather than lines you\n * read: a photograph is the fastest way to tell one treatment room from\n * another, and a table gives it 28px.\n */\nexport function RosterGrid({\n  sections,\n  showHeadings,\n  hours,\n  blocks,\n  locations,\n  onAddTo,\n  onBlockTime,\n  onToggleStatus,\n  onDelete,\n}: {\n  sections: RosterSection[];\n  /** Whether the groups are worth naming — one group is the page title. */\n  showHeadings: boolean;\n  usage: CategoryUsage[];\n  hours: WeeklyHours;\n  blocks: CalendarEventItem[];\n  /** Named branches, when there is more than one. */\n  locations: Array<{ id: string; name: string }>;\n  onAddTo: (category: ResourceCategory) => void;\n  onBlockTime: (row: RosterRow) => void;\n  onToggleStatus: (row: RosterRow) => void;\n  onDelete: (row: RosterRow) => void;\n}) {\n  const now = new Date();\n  const today = isoDay(now);\n  const todayDow = now.getDay();\n\n  return (\n    <div className=\"space-y-4\">\n      {sections.map(({ category, rows }) => (\n        <section\n          key={category?.id ?? 'ungrouped'}\n          className=\"surface overflow-hidden\"\n        >\n          {showHeadings && (\n            <div className=\"px-4 pt-3\">\n              <GroupHeading\n                category={category}\n                count={rows.length}\n                onAdd={onAddTo}\n              />\n            </div>\n          )}\n          {rows.length > 0 && (\n            <ul className=\"grid grid-cols-2 gap-3 px-3 pb-3 pt-1\">\n              {rows.map((row) => (\n                <ResourceCard\n                  key={row.id}\n                  row={row}\n                  hours={hours}\n                  blocks={blocks}\n                  locations={locations}\n                  today={today}\n                  todayDow={todayDow}\n                  onBlockTime={onBlockTime}\n                  onToggleStatus={onToggleStatus}\n                  onDelete={onDelete}\n                />\n              ))}\n            </ul>\n          )}\n          {rows.length === 0 && category && (\n            <div className=\"flex min-h-48 items-center px-4 pb-3\">\n              <div className=\"w-full\">\n                <TableEmptyState\n                  icon={categoryEmptyIcon(category)}\n                  title={`No ${category.labelPlural.toLowerCase()} yet`}\n                  description={`Add the ${category.labelPlural.toLowerCase()} customers can book.`}\n                />\n              </div>\n            </div>\n          )}\n        </section>\n      ))}\n    </div>\n  );\n}\n\nconst DEFAULT_CATEGORY_ICONS = {\n  person: Users,\n  space: DoorOpen,\n  equipment: Wrench,\n  unit: Building2,\n} as const;\n\nfunction categoryEmptyIcon(category: ResourceCategory) {\n  if (category.icon) return resolveIcon(category.icon);\n  if (category.label.toLowerCase() === 'doctor') return Stethoscope;\n  return DEFAULT_CATEGORY_ICONS[category.kind];\n}\n\nfunction ResourceCard({\n  row,\n  hours,\n  blocks,\n  locations,\n  today,\n  todayDow,\n  onBlockTime,\n  onToggleStatus,\n  onDelete,\n}: {\n  row: RosterRow;\n  hours: WeeklyHours;\n  blocks: CalendarEventItem[];\n  locations: Array<{ id: string; name: string }>;\n  today: string;\n  todayDow: number;\n  onBlockTime: (row: RosterRow) => void;\n  onToggleStatus: (row: RosterRow) => void;\n  onDelete: (row: RosterRow) => void;\n}) {\n  const dayOff = blocksOn(blocks, row.id, today);\n  const week = weekStates(\n    row.schedule,\n    hours,\n    new Set(dayOff.length ? [todayDow] : []),\n  );\n  const todayState = week.find((d) => d.dow === todayDow);\n  const inactive = row.status !== 'active';\n  const words = availabilityWords(row.category?.kind);\n  /**\n   * Two capacities, one number. `maxBookingsPerSlot` is what can share it, and\n   * it is worth saying only when it is more than one — a treatment room that\n   * takes one booking is every other card on the screen, a studio that takes\n   * twenty is not.\n   */\n  const shared =\n    (row.maxBookingsPerSlot ?? 1) > 1 ? row.maxBookingsPerSlot : null;\n  const branch = locations.length\n    ? (locations.find((l) => l.id === row.locationId)?.name ?? 'Main')\n    : null;\n\n  const secondary =\n    [\n      row.category?.label,\n      row.skills?.length ? row.skills.join(', ') : null,\n      shared ? `Holds ${shared}` : null,\n      branch,\n      !row.skills?.length && !shared && !branch ? row.description : null,\n    ]\n      .filter(Boolean)\n      .join(' · ') || undefined;\n\n  return (\n    <li className=\"group relative\">\n      {/* The whole card is the door. A resting card casts no shadow, so this is\n          the plain `surface` and the hover is said by the edge alone, the way\n          `Card hover` says it — not `surface-interactive`, whose lift is a\n          box-shadow. */}\n      <Link\n        href={`/dashboard/resources/${row.id}`}\n        className=\"surface block p-4 transition-colors hover:border-[var(--border-strong)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500\"\n      >\n        {/* Room for the ⋯, which sits above this in the stack rather than\n            inside the link — a menu nested in an anchor navigates on its way\n            to opening. */}\n        <div className=\"pr-7\">\n          <IdentityCell\n            name={row.name}\n            secondary={secondary}\n            image={row.imageUrl ?? undefined}\n            avatarSeed={row.name}\n            size=\"lg\"\n          />\n        </div>\n\n        <div className=\"mt-4 flex items-end justify-between gap-3\">\n          <div className=\"min-w-0\">\n            {/* A let is by the night. Seven day-pips over an apartment says it\n                closes at five, which is not a fact about an apartment. */}\n            <p className=\"mt-2 text-sm\">\n              {inactive ? (\n                <span className=\"text-[var(--text-muted)]\">\n                  Not on the board\n                </span>\n              ) : dayOff.length ? (\n                <span className=\"text-[var(--text-tertiary)]\">\n                  {words.byTheNight ? 'Not letting' : 'Time off'}\n                  {/* The reason, when there is one worth reading. The API\n                      titles a bare block \"Blocked\", and \"Time off Blocked\" is\n                      the same word twice. */}\n                  {dayOff[0].title && dayOff[0].title !== 'Blocked' && (\n                    <span className=\"text-[var(--text-muted)]\">\n                      {' '}\n                      {dayOff[0].title}\n                    </span>\n                  )}\n                </span>\n              ) : words.open ? (\n                <span className=\"text-[var(--text-primary)]\">{words.open}</span>\n              ) : todayState?.hours ? (\n                <span className=\"text-[var(--text-primary)] tabular-nums\">\n                  Today {todayState.hours}\n                </span>\n              ) : (\n                <span className=\"text-[var(--text-muted)]\">{words.closed}</span>\n              )}\n            </p>\n          </div>\n\n          <StatusBadge status={inactive ? 'inactive' : 'active'} />\n        </div>\n      </Link>\n\n      <div className=\"absolute right-2 top-2\">\n        {/* No Edit item. The whole card opens the record, so a menu row that\n            does what pressing the card does is the noise this pass is here to\n            remove. The table needed it because a table row's click target is\n            ambiguous; a card's is the card. */}\n        <OverflowMenu>\n          <OverflowItem icon={<CalendarOff />} onClick={() => onBlockTime(row)}>\n            Add time off\n          </OverflowItem>\n          <OverflowItem icon={<Power />} onClick={() => onToggleStatus(row)}>\n            {inactive ? 'Make bookable' : 'Take off the board'}\n          </OverflowItem>\n          <OverflowItem\n            destructive\n            icon={<Trash2 />}\n            onClick={() => onDelete(row)}\n          >\n            Delete\n          </OverflowItem>\n        </OverflowMenu>\n      </div>\n    </li>\n  );\n}\n"],"mappings":"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","names":[]}