@withpotter/components 0.13.0-next.101

package/dist/dashboard/home/home-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/home-card.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\n\n/**\n * The home board's card.\n *\n * Ported from `admin.shopify.com`'s home cards, read off their stylesheets and\n * their live computed styles on 2026-08-18 rather than copied from a\n * screenshot. Every number is measured; where we already had a token for the\n * same idea ours wins, and the one place that happens is the easing curve —\n * theirs is `cubic-bezier(.34, 1.8, .64, 1)`, ours is `eases.overshoot`\n * (.34, 1.56, .64, 1), the same curve a touch gentler. No second version of one\n * idea enters the system.\n *\n * WHY A SECOND CARD EXISTS AT ALL. `surface` dresses forty list and detail\n * screens and must keep doing exactly that. This file was written after an\n * attempt to fold Shopify's card INTO `surface` was reverted, correctly, for\n * rewriting the whole app from one page. A 320px card carrying full-bleed art\n * that lifts under the pointer is a different object from a table panel, and it\n * says so by being a different component rather than by being `surface` with\n * six overrides at the call site.\n *\n * The states, the shadows and the reasoning for the two-element split live in\n * `globals.css` under \"The home board's card\"; the classes here are that\n * recipe's only call site. The anatomy is:\n *\n *   HomeCard          the target and the card\n *     HomeCardMedia   art, laid out LARGER than the card and cropped by it\n *     …content…       z-10, above the art\n *     HomeCardAction  z-20, pinned bottom-left in front of everything\n */\nexport function HomeCard({\n  children,\n  className = '',\n}: {\n  children: ReactNode;\n  className?: string;\n}) {\n  return (\n    <div className=\"home-card-target group/card\">\n      <div className={`home-card ${className}`}>{children}</div>\n    </div>\n  );\n}\n\n/**\n * Art that bleeds past the card and is cropped by it.\n *\n * Shopify's `[data-onboarding-media]` is `position: absolute; inset: -16px` —\n * exactly one padding step LARGER than the card on every side — and it is the\n * card's own `overflow: clip` that crops it. That is the whole trick behind\n * their illustrations reading as photographs of objects rather than as icons:\n * nothing is composed to fit, everything is composed to overflow. An\n * illustration drawn to sit politely inside its box always reads as a\n * placeholder, however good the drawing is.\n *\n * `z-0` against the content's `z-10`: art is behind the words, always. And\n * `aria-hidden`, because it is never the accessible name of anything.\n */\nexport function HomeCardMedia({ children }: { children: ReactNode }) {\n  return (\n    <div\n      aria-hidden\n      className=\"pointer-events-none absolute -inset-4 z-0 overflow-hidden rounded-[var(--radius-card)]\"\n    >\n      {/* Anchored bottom-right in a box 16px larger than the card.\n          `p-3` leaves a 4px bleed: enough that the art is clearly cropped by\n          the card rather than parked inside it, and not so much that the object\n          is unreadable. It was `p-2`, an 8px bite, which on a 168px miniature\n          took a recognisable chunk of the bank row off the right edge — the art\n          read as hiding behind the card instead of sitting in it. Shopify can\n          crop harder because their illustrations are drawn oversized FOR the\n          crop; ours are drawn at their real size. */}\n      <div className=\"home-card-media absolute inset-0 flex items-end justify-end p-3\">\n        {children}\n      </div>\n    </div>\n  );\n}\n\n/**\n * The card's action, pinned in front of the art.\n *\n * `position: absolute; bottom: 16px; inset-inline: 16px` — theirs exactly, and\n * absolute rather than `margin-top: auto` for a reason worth keeping: the\n * button's vertical position must not depend on how long the description ran,\n * so a two-line card and a four-line card put their buttons on one baseline and\n * the row reads as a row.\n */\nexport function HomeCardAction({ children }: { children: ReactNode }) {\n  return (\n    <div className=\"absolute inset-x-4 bottom-4 z-20 flex items-center gap-3\">\n      {children}\n    </div>\n  );\n}\n"],"mappings":";AAyCM;AATC,SAAS,SAAS;AAAA,EACvB;AAAA,EACA,YAAY;AACd,GAGG;AACD,SACE,oBAAC,SAAI,WAAU,+BACb,8BAAC,SAAI,WAAW,aAAa,SAAS,IAAK,UAAS,GACtD;AAEJ;AAgBO,SAAS,cAAc,EAAE,SAAS,GAA4B;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,WAAU;AAAA,MAUV,8BAAC,SAAI,WAAU,mEACZ,UACH;AAAA;AAAA,EACF;AAEJ;AAWO,SAAS,eAAe,EAAE,SAAS,GAA4B;AACpE,SACE,oBAAC,SAAI,WAAU,4DACZ,UACH;AAEJ;","names":[]}

package/dist/dashboard/home/home-hero.d.ts

@@ -0,0 +1,50 @@
+import type { RefObject } from 'react';
+/**
+ * The home's opening: a greeting, a question, and the bar that answers it.
+ *
+ * WHY THE GREETING CAME BACK. It was deleted on the argument that it is the
+ * only sentence on the page with no job. That was true of where it sat —
+ * stranded above a panel saying setup was unfinished and a red row saying the
+ * business could not be paid, so the page congratulated you and then
+ * contradicted itself twice inside 500px. It is not true of a greeting that
+ * OPENS a centred column with the ask bar directly under it, which is what both
+ * references actually do:
+ *
+ *   Shopify    two lines, centred, 26px/32px at weight 550, letter-spacing
+ *              -0.0166em, in a 680px column — a state line above a question,
+ *              with a 640px field 20px below the second line.
+ *   Cloudflare the same shape with one line ("Shipping today?") and a
+ *              full-width search under it.
+ *
+ * The greeting is not decoration there. It is the first half of a sentence the
+ * input finishes, and that is the job it was missing.
+ *
+ * THE TWO LINES DO DIFFERENT WORK, so they are coloured differently, as theirs
+ * are. Line one is the greeting: personal, true, and the reason the page feels
+ * like it knows you — `resolveGreeting` earns this by never claiming anything
+ * it cannot verify. Line two is the question, quieter, and it exists to point
+ * at the bar. Reverse the emphasis and the page asks you something before it
+ * has said hello.
+ *
+ * THE QUESTION IS OURS. Shopify asks "What do you want to work on next?";
+ * lifting the sentence as well as the layout is how a port becomes a copy.
+ * Ours drops the "next", which was doing nothing, and the shorter line sits
+ * better under a greeting that already carries a name.
+ *
+ * THE SIZE IS 24px, NOT THEIR 26. `text-3xl` is the step the scale actually
+ * has, and the lint rule that rejects an arbitrary 26px is right to: a
+ * one-off font size on one page is how a type scale stops being one.
+ */
+export declare function HomeHero({ greeting, inputRef, usage, onSearchOpenChange, }: {
+    greeting: string;
+    /** Bubbled to the page, which clears the board while the bar has focus. */
+    /** Handed down so the header's Box control can focus this bar. */
+    inputRef?: RefObject<HTMLTextAreaElement | null>;
+    /** Passed to the ask card's usage strip; none, no strip. */
+    usage?: {
+        percent: number;
+        href: string;
+    };
+    /** The search opened or closed; the page folds the board away on open. */
+    onSearchOpenChange?: (open: boolean) => void;
+}): import("react").JSX.Element;

package/dist/dashboard/home/home-hero.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { HomeAsk } from "./home-ask";
+import { LivePresence } from "./live-presence";
+function HomeHero({
+  greeting,
+  inputRef,
+  usage,
+  onSearchOpenChange
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center px-4 pb-2 pt-10 lg:pt-16", children: [
+    /* @__PURE__ */ jsxs("h2", { className: "w-full max-w-[680px] text-center text-2xl font-semibold leading-7 tracking-[-0.0166em] text-[var(--text-primary)] sm:text-3xl sm:leading-8", children: [
+      /* @__PURE__ */ jsx("span", { className: "break-words", children: greeting }),
+      /* @__PURE__ */ jsx("span", { className: "block text-[var(--text-tertiary)]", children: "What do you want to work on?" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-4 w-full max-w-[600px]", children: /* @__PURE__ */ jsx(
+      HomeAsk,
+      {
+        inputRef,
+        usage,
+        onOpenChange: onSearchOpenChange
+      }
+    ) }),
+    /* @__PURE__ */ jsx(LivePresence, {})
+  ] });
+}
+export {
+  HomeHero
+};
+//# sourceMappingURL=home-hero.js.map

package/dist/dashboard/home/home-hero.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/home-hero.tsx"],"sourcesContent":["'use client';\n\nimport type { RefObject } from 'react';\nimport { HomeAsk } from './home-ask';\nimport { LivePresence } from './live-presence';\n\n/**\n * The home's opening: a greeting, a question, and the bar that answers it.\n *\n * WHY THE GREETING CAME BACK. It was deleted on the argument that it is the\n * only sentence on the page with no job. That was true of where it sat —\n * stranded above a panel saying setup was unfinished and a red row saying the\n * business could not be paid, so the page congratulated you and then\n * contradicted itself twice inside 500px. It is not true of a greeting that\n * OPENS a centred column with the ask bar directly under it, which is what both\n * references actually do:\n *\n *   Shopify    two lines, centred, 26px/32px at weight 550, letter-spacing\n *              -0.0166em, in a 680px column — a state line above a question,\n *              with a 640px field 20px below the second line.\n *   Cloudflare the same shape with one line (\"Shipping today?\") and a\n *              full-width search under it.\n *\n * The greeting is not decoration there. It is the first half of a sentence the\n * input finishes, and that is the job it was missing.\n *\n * THE TWO LINES DO DIFFERENT WORK, so they are coloured differently, as theirs\n * are. Line one is the greeting: personal, true, and the reason the page feels\n * like it knows you — `resolveGreeting` earns this by never claiming anything\n * it cannot verify. Line two is the question, quieter, and it exists to point\n * at the bar. Reverse the emphasis and the page asks you something before it\n * has said hello.\n *\n * THE QUESTION IS OURS. Shopify asks \"What do you want to work on next?\";\n * lifting the sentence as well as the layout is how a port becomes a copy.\n * Ours drops the \"next\", which was doing nothing, and the shorter line sits\n * better under a greeting that already carries a name.\n *\n * THE SIZE IS 24px, NOT THEIR 26. `text-3xl` is the step the scale actually\n * has, and the lint rule that rejects an arbitrary 26px is right to: a\n * one-off font size on one page is how a type scale stops being one.\n */\nexport function HomeHero({\n  greeting,\n  inputRef,\n  usage,\n  onSearchOpenChange,\n}: {\n  greeting: string;\n  /** Bubbled to the page, which clears the board while the bar has focus. */\n  /** Handed down so the header's Box control can focus this bar. */\n  inputRef?: RefObject<HTMLTextAreaElement | null>;\n  /** Passed to the ask card's usage strip; none, no strip. */\n  usage?: { percent: number; href: string };\n  /** The search opened or closed; the page folds the board away on open. */\n  onSearchOpenChange?: (open: boolean) => void;\n}) {\n  return (\n    <div className=\"flex flex-col items-center px-4 pb-2 pt-10 lg:pt-16\">\n      {/* 680px, theirs. Wide enough that a long greeting stays on one line,\n          narrow enough that the two lines read as a stacked pair.\n\n          It no longer steps aside for a conversation: the conversation is in\n          the dock now, not in this column, so the home stays a home while you\n          talk. */}\n      <h2 className=\"w-full max-w-[680px] text-center text-2xl font-semibold leading-7 tracking-[-0.0166em] text-[var(--text-primary)] sm:text-3xl sm:leading-8\">\n        <span className=\"break-words\">{greeting}</span>\n        {/* One heading, two lines: a second <h*> would announce a level that\n            does not exist, and a <br> would fold the question into the\n            accessible name of the first line. A block span is the only shape\n            that reads as one heading and paints as two. */}\n        <span className=\"block text-[var(--text-tertiary)]\">\n          What do you want to work on?\n        </span>\n      </h2>\n\n      {/* 640px and centred, theirs exactly, 20px under the heading. */}\n      <div className=\"mt-4 w-full max-w-[600px]\">\n        <HomeAsk\n          inputRef={inputRef}\n          usage={usage}\n          onOpenChange={onSearchOpenChange}\n        />\n      </div>\n\n      {/* WHAT THE BAND UNDER THE BAR CARRIES, and most of the time the answer\n          is nothing.\n\n          The column ends here and then there is air before the board, which is\n          the shape both references have and is not a fault to be filled. The\n          one thing that earns a place in it is the thing that stops being true\n          while you read it: somebody is in the shop right now. It renders\n          nothing at zero, so a quiet morning looks exactly as this page looked\n          before it existed.\n\n          Deliberately NOT a stats strip, NOT the day's work, and NOT a blocker\n          band — `live-presence.tsx` argues each of those down in turn. */}\n      <LivePresence />\n    </div>\n  );\n}\n"],"mappings":";AAiEM,SACE,KADF;AA9DN,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAsCtB,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,SACE,qBAAC,SAAI,WAAU,uDAOb;AAAA,yBAAC,QAAG,WAAU,8IACZ;AAAA,0BAAC,UAAK,WAAU,eAAe,oBAAS;AAAA,MAKxC,oBAAC,UAAK,WAAU,qCAAoC,0CAEpD;AAAA,OACF;AAAA,IAGA,oBAAC,SAAI,WAAU,6BACb;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,cAAc;AAAA;AAAA,IAChB,GACF;AAAA,IAcA,oBAAC,gBAAa;AAAA,KAChB;AAEJ;","names":[]}

package/dist/dashboard/home/home-people.d.ts

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

package/dist/dashboard/home/home-people.js

@@ -0,0 +1,91 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Plus } from "lucide-react";
+import { usePermissions } from "@withpotter/lib/use-permissions";
+import { useWorkspaceInvite } from "@withpotter/lib/use-workspace-invite";
+import { generatedAvatarUri } from "@withpotter/ui-kit/generated-avatar";
+import { InviteMemberDialog } from "@withpotter/pages-core/dashboard/settings/team/_components/invite-member-dialog";
+import { PersonActivity } from "./person-activity";
+import { useWorkspaceMembers } from "@withpotter/hooks/use-workspace-members";
+const STACK_LIMIT = 4;
+function HomePeople() {
+  const { can, loading: permissionsLoading } = usePermissions();
+  const [openMember, setOpenMember] = useState(null);
+  const invite = useWorkspaceInvite();
+  const [inviteOpen, setInviteOpen] = useState(false);
+  const canManageTeam = can("canManageTeam");
+  const { members } = useWorkspaceMembers({ enabled: canManageTeam });
+  const active = members.filter((m) => m.status !== "removed");
+  const shown = active.slice(0, STACK_LIMIT);
+  const overflow = active.length - shown.length;
+  if (!canManageTeam || permissionsLoading) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      shown.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+        shown.map((m, i) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setOpenMember((cur) => cur === m.id ? null : m.id),
+            "aria-expanded": openMember === m.id,
+            title: m.name || m.email || "Team member",
+            "aria-label": `${m.name || m.email || "Team member"} \u2014 recent activity`,
+            className: "relative -ml-1.5 h-6 w-6 shrink-0 overflow-hidden rounded-full ring-2 ring-[var(--bg-base)] transition-transform duration-[var(--motion-fast)] ease-out first:ml-0 hover:z-10 hover:-translate-y-0.5",
+            style: { zIndex: shown.length - i },
+            children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: generatedAvatarUri(m.email || m.id),
+                alt: "",
+                className: "h-full w-full object-cover"
+              }
+            )
+          },
+          m.id
+        )),
+        overflow > 0 && /* @__PURE__ */ jsxs("span", { className: "relative -ml-1.5 grid h-6 w-6 shrink-0 place-items-center rounded-full bg-[var(--bg-muted)] text-2xs font-medium text-[var(--text-tertiary)] ring-2 ring-[var(--bg-base)]", children: [
+          "+",
+          overflow
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setInviteOpen(true),
+          "aria-label": "Invite people",
+          title: "Invite people",
+          className: "grid h-7 w-7 shrink-0 place-items-center rounded-full border border-dashed border-[var(--border-default)] text-[var(--text-tertiary)] transition-colors hover:border-[var(--border-strong)] hover:bg-[var(--interactive-hover)] hover:text-[var(--text-primary)]",
+          children: /* @__PURE__ */ jsx(Plus, {})
+        }
+      )
+    ] }),
+    openMember && /* @__PURE__ */ jsx(
+      PersonActivity,
+      {
+        member: active.find((m) => m.id === openMember),
+        onClose: () => setOpenMember(null)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      InviteMemberDialog,
+      {
+        open: inviteOpen,
+        onOpenChange: setInviteOpen,
+        workspaceRoles: invite.roles,
+        wsInviteEmail: invite.email,
+        setWsInviteEmail: invite.setEmail,
+        wsInvitePhone: invite.phone,
+        setWsInvitePhone: invite.setPhone,
+        setWsInviteRole: invite.setRole,
+        handleWsInvite: invite.invite,
+        wsInviting: invite.inviting
+      }
+    )
+  ] });
+}
+export {
+  HomePeople
+};
+//# sourceMappingURL=home-people.js.map

package/dist/dashboard/home/home-people.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/home-people.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Plus } from 'lucide-react';\nimport { usePermissions } from '@withpotter/lib/use-permissions';\nimport { useWorkspaceInvite } from '@withpotter/lib/use-workspace-invite';\nimport { generatedAvatarUri } from '@withpotter/ui-kit/generated-avatar';\nimport { InviteMemberDialog } from '@withpotter/pages-core/dashboard/settings/team/_components/invite-member-dialog';\nimport { PersonActivity } from './person-activity';\nimport { useWorkspaceMembers } from '@withpotter/hooks/use-workspace-members';\n\n/**\n * Who is in this business, and the way to add someone.\n *\n * WHY IT IS FACES AND NOT AN \"INVITE\" BUTTON. A bare Invite button is a control\n * you press once and then look at forever — dead chrome from the second day\n * onward, in the most valuable corner of the page. A stack of faces is useful\n * before and after: before, it is empty and the `+` is the whole point; after,\n * it answers \"who else is in here\", which is a question a picture answers\n * faster than any label, and the `+` is still there on the end.\n *\n * THE PAGE HEADER IS THE RIGHT HOME FOR IT, and it means the sidebar foot gives\n * this up rather than keeping a second copy. The foot's version could only\n * offer inviting while you were SOLO — the control vanished the moment you had\n * one colleague, which is when you are most likely to add another. One home for\n * \"who's here\", not two.\n *\n * A FACE OPENS THAT PERSON'S WORK. Clicking one shows what they have actually\n * been doing, from the attributed team log rather than from the home's own\n * Activity feed — those are different sources and only one of them knows who\n * acted. `buildActivityItems` assembles the home feed from orders, invoices and\n * products, none of which carry an actor, so filtering THAT by person was never\n * possible; `GET /team/activity?memberAccountId=` was, and had no caller.\n *\n * Gated on `canManageTeam`. Someone working a shift has no business being shown\n * the roster as a door into team settings.\n */\n\n/** Faces before the rest become a count. Past this the stack stops reading. */\nconst STACK_LIMIT = 4;\n\nexport function HomePeople() {\n  const { can, loading: permissionsLoading } = usePermissions();\n  /** Whose activity is open, by member id. One at a time. */\n  const [openMember, setOpenMember] = useState<string | null>(null);\n  const invite = useWorkspaceInvite();\n  const [inviteOpen, setInviteOpen] = useState(false);\n\n  const canManageTeam = can('canManageTeam');\n\n  const { members } = useWorkspaceMembers({ enabled: canManageTeam });\n\n  // Invited-but-not-joined people count: they are on the team as far as the\n  // owner is concerned, and showing them keeps the stack honest about who has\n  // been asked. Removed members do not.\n  const active = members.filter((m) => m.status !== 'removed');\n  const shown = active.slice(0, STACK_LIMIT);\n  const overflow = active.length - shown.length;\n\n  // While permissions resolve, render nothing rather than flashing an invite\n  // control at someone who turns out to be staff.\n  if (!canManageTeam || permissionsLoading) return null;\n\n  return (\n    <>\n      <div className=\"flex items-center gap-2\">\n        {shown.length > 0 && (\n          <div className=\"flex items-center\">\n            {shown.map((m, i) => (\n              <button\n                key={m.id}\n                type=\"button\"\n                // WHAT HAS THIS PERSON BEEN DOING, answered here rather than by\n                // a trip to the team screen. `listActivity` already takes a\n                // `memberAccountId` and returns ONLY recorded entries for it —\n                // a derived row cannot say who acted, so a per-person feed\n                // padded with them would answer this question with somebody\n                // else's customer. The endpoint was built for exactly this and\n                // had no caller.\n                onClick={() =>\n                  setOpenMember((cur) => (cur === m.id ? null : m.id))\n                }\n                aria-expanded={openMember === m.id}\n                // The name is the tooltip AND the accessible name: a stack of\n                // faces with no names is a decoration to everyone who cannot\n                // recognise a generated avatar, which is everyone.\n                title={m.name || m.email || 'Team member'}\n                aria-label={`${m.name || m.email || 'Team member'} — recent activity`}\n                // Overlapped, and each one lifts out of the stack on hover so\n                // the one under the cursor is whole. A flat row of avatars\n                // reads as a list; an overlapped stack reads as a group, and\n                // the lift is what keeps it browsable.\n                className=\"relative -ml-1.5 h-6 w-6 shrink-0 overflow-hidden rounded-full ring-2 ring-[var(--bg-base)] transition-transform duration-[var(--motion-fast)] ease-out first:ml-0 hover:z-10 hover:-translate-y-0.5\"\n                style={{ zIndex: shown.length - i }}\n              >\n                {/* eslint-disable-next-line @next/next/no-img-element */}\n                <img\n                  src={generatedAvatarUri(m.email || m.id)}\n                  alt=\"\"\n                  className=\"h-full w-full object-cover\"\n                />\n              </button>\n            ))}\n            {overflow > 0 && (\n              <span className=\"relative -ml-1.5 grid h-6 w-6 shrink-0 place-items-center rounded-full bg-[var(--bg-muted)] text-2xs font-medium text-[var(--text-tertiary)] ring-2 ring-[var(--bg-base)]\">\n                +{overflow}\n              </span>\n            )}\n          </div>\n        )}\n\n        <button\n          type=\"button\"\n          onClick={() => setInviteOpen(true)}\n          aria-label=\"Invite people\"\n          title=\"Invite people\"\n          className=\"grid h-7 w-7 shrink-0 place-items-center rounded-full border border-dashed border-[var(--border-default)] text-[var(--text-tertiary)] transition-colors hover:border-[var(--border-strong)] hover:bg-[var(--interactive-hover)] hover:text-[var(--text-primary)]\"\n        >\n          <Plus />\n        </button>\n      </div>\n\n      {openMember && (\n        <PersonActivity\n          member={active.find((m) => m.id === openMember)!}\n          onClose={() => setOpenMember(null)}\n        />\n      )}\n\n      <InviteMemberDialog\n        open={inviteOpen}\n        onOpenChange={setInviteOpen}\n        workspaceRoles={invite.roles}\n        wsInviteEmail={invite.email}\n        setWsInviteEmail={invite.setEmail}\n        wsInvitePhone={invite.phone}\n        setWsInvitePhone={invite.setPhone}\n        setWsInviteRole={invite.setRole}\n        handleWsInvite={invite.invite}\n        wsInviting={invite.inviting}\n      />\n    </>\n  );\n}\n"],"mappings":";AAgEI,mBAgCY,KAQF,YAxCV;AA9DJ,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AA8BpC,MAAM,cAAc;AAEb,SAAS,aAAa;AAC3B,QAAM,EAAE,KAAK,SAAS,mBAAmB,IAAI,eAAe;AAE5D,QAAM,CAAC,YAAY,aAAa,IAAI,SAAwB,IAAI;AAChE,QAAM,SAAS,mBAAmB;AAClC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,gBAAgB,IAAI,eAAe;AAEzC,QAAM,EAAE,QAAQ,IAAI,oBAAoB,EAAE,SAAS,cAAc,CAAC;AAKlE,QAAM,SAAS,QAAQ,OAAO,CAAC,MAAM,EAAE,WAAW,SAAS;AAC3D,QAAM,QAAQ,OAAO,MAAM,GAAG,WAAW;AACzC,QAAM,WAAW,OAAO,SAAS,MAAM;AAIvC,MAAI,CAAC,iBAAiB,mBAAoB,QAAO;AAEjD,SACE,iCACE;AAAA,yBAAC,SAAI,WAAU,2BACZ;AAAA,YAAM,SAAS,KACd,qBAAC,SAAI,WAAU,qBACZ;AAAA,cAAM,IAAI,CAAC,GAAG,MACb;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YAQL,SAAS,MACP,cAAc,CAAC,QAAS,QAAQ,EAAE,KAAK,OAAO,EAAE,EAAG;AAAA,YAErD,iBAAe,eAAe,EAAE;AAAA,YAIhC,OAAO,EAAE,QAAQ,EAAE,SAAS;AAAA,YAC5B,cAAY,GAAG,EAAE,QAAQ,EAAE,SAAS,aAAa;AAAA,YAKjD,WAAU;AAAA,YACV,OAAO,EAAE,QAAQ,MAAM,SAAS,EAAE;AAAA,YAGlC;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK,mBAAmB,EAAE,SAAS,EAAE,EAAE;AAAA,gBACvC,KAAI;AAAA,gBACJ,WAAU;AAAA;AAAA,YACZ;AAAA;AAAA,UA9BK,EAAE;AAAA,QA+BT,CACD;AAAA,QACA,WAAW,KACV,qBAAC,UAAK,WAAU,6KAA4K;AAAA;AAAA,UACxL;AAAA,WACJ;AAAA,SAEJ;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,cAAc,IAAI;AAAA,UACjC,cAAW;AAAA,UACX,OAAM;AAAA,UACN,WAAU;AAAA,UAEV,8BAAC,QAAK;AAAA;AAAA,MACR;AAAA,OACF;AAAA,IAEC,cACC;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,UAAU;AAAA,QAC9C,SAAS,MAAM,cAAc,IAAI;AAAA;AAAA,IACnC;AAAA,IAGF;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAc;AAAA,QACd,gBAAgB,OAAO;AAAA,QACvB,eAAe,OAAO;AAAA,QACtB,kBAAkB,OAAO;AAAA,QACzB,eAAe,OAAO;AAAA,QACtB,kBAAkB,OAAO;AAAA,QACzB,iBAAiB,OAAO;AAAA,QACxB,gBAAgB,OAAO;AAAA,QACvB,YAAY,OAAO;AAAA;AAAA,IACrB;AAAA,KACF;AAEJ;","names":[]}

package/dist/dashboard/home/home-quick-actions.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Take payment, Send invoice, Add item: the three things done most, as pills
+ * under the ask card.
+ *
+ * They replaced Ask, Write and Organize, which were a look: choosing one moved a
+ * highlight and nothing read it. These do something. Take payment opens the same
+ * modal the rail used to carry; Send invoice and Add item go to the screens that
+ * make them. "Add item" says the business's own word (`useEntityLabel`), so a
+ * club is told to add a service and a shop a product.
+ *
+ * The first two write money, so they follow the home's own gate
+ * (`canManageFinance`); Add item follows the catalogue's (`canManageProducts`).
+ * Add item opens a two-way menu, the same as on the catalogue — typing one or
+ * importing many is decided at the button, not on a blank form.
+ * Nothing is drawn while permissions resolve, so the row appears whole.
+ */
+export declare function HomeQuickActions(): import("react").JSX.Element | null;

package/dist/dashboard/home/home-quick-actions.js

@@ -0,0 +1,104 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRouter } from "next/navigation";
+import {
+  ChevronDown,
+  CreditCard,
+  FilePlus2,
+  Plus
+} from "lucide-react";
+import { OverflowMenu, OverflowItem } from "@withpotter/ui-kit/overflow-menu";
+import { useEntityLabel } from "@withpotter/lib/intents/use-entity-label";
+import { useIntentConfig } from "@withpotter/lib/intents/use-intent-config";
+import { usePermissions } from "@withpotter/lib/use-permissions";
+import { useTakePayment } from "../take-payment-context";
+import { hostQuickActions } from "./host-quick-actions";
+import { homeAddItemIntent, homeAddItemLinks } from "./home-add-item-links";
+const PILL = "flex h-8 cursor-pointer items-center gap-2 rounded-xl border border-[var(--border-subtle)] bg-[var(--bg-muted)] px-3 text-sm text-[var(--text-secondary)] transition-colors duration-[var(--motion-fast)] hover:bg-[var(--interactive-active)] hover:text-[var(--text-primary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--focus-ring)]";
+function HomeQuickActions() {
+  const router = useRouter();
+  const takePayment = useTakePayment();
+  const item = useEntityLabel("item");
+  const intentConfig = useIntentConfig();
+  const { can, loading } = usePermissions();
+  if (loading) return null;
+  const links = homeAddItemLinks(homeAddItemIntent(intentConfig, item));
+  const actions = [
+    ...can("canManageFinance") ? [
+      {
+        id: "payment",
+        label: "Take payment",
+        Icon: CreditCard,
+        run: takePayment
+      },
+      {
+        id: "invoice",
+        label: "Send invoice",
+        Icon: FilePlus2,
+        run: () => router.push("/dashboard/invoices/new")
+      }
+    ] : [],
+    ...can("canManageProducts") ? [
+      {
+        id: "item",
+        label: `Add ${item.singular.toLowerCase()}`,
+        Icon: Plus,
+        run: () => router.push(links.create)
+      }
+    ] : [],
+    // Whatever the host registered, after the built-in three.
+    ...hostQuickActions().filter((a) => !a.allowed || a.allowed((p) => can(p))).map((a) => ({
+      id: a.id,
+      label: a.label,
+      Icon: a.Icon,
+      run: () => router.push(a.href)
+    }))
+  ];
+  if (actions.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "aria-label": "Quick actions",
+      className: "mt-3 flex flex-wrap items-center justify-center gap-3",
+      children: actions.map(
+        ({ id, label, Icon, run }) => id === "item" ? /* @__PURE__ */ jsxs(
+          OverflowMenu,
+          {
+            label,
+            align: "start",
+            trigger: (props) => /* @__PURE__ */ jsxs("button", { type: "button", ...props, className: PILL, children: [
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  "aria-hidden": true,
+                  className: "size-4 text-[var(--text-tertiary)]"
+                }
+              ),
+              label,
+              /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": true, className: "-ml-1 size-3.5" })
+            ] }),
+            children: [
+              /* @__PURE__ */ jsx(OverflowItem, { onClick: run, children: "Add manually" }),
+              /* @__PURE__ */ jsx(
+                OverflowItem,
+                {
+                  onClick: () => router.push(links.importSheet),
+                  children: "Import from CSV"
+                }
+              )
+            ]
+          },
+          id
+        ) : /* @__PURE__ */ jsxs("button", { type: "button", onClick: run, className: PILL, children: [
+          /* @__PURE__ */ jsx(Icon, { "aria-hidden": true, className: "size-4 text-[var(--text-tertiary)]" }),
+          label
+        ] }, id)
+      )
+    }
+  );
+}
+export {
+  HomeQuickActions
+};
+//# sourceMappingURL=home-quick-actions.js.map

package/dist/dashboard/home/home-quick-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/home-quick-actions.tsx"],"sourcesContent":["'use client';\n\nimport { useRouter } from 'next/navigation';\nimport {\n  ChevronDown,\n  CreditCard,\n  FilePlus2,\n  Plus,\n  type LucideIcon,\n} from 'lucide-react';\nimport { OverflowMenu, OverflowItem } from '@withpotter/ui-kit/overflow-menu';\nimport { useEntityLabel } from '@withpotter/lib/intents/use-entity-label';\nimport { useIntentConfig } from '@withpotter/lib/intents/use-intent-config';\nimport { usePermissions } from '@withpotter/lib/use-permissions';\nimport { useTakePayment } from '../take-payment-context';\nimport { hostQuickActions } from './host-quick-actions';\nimport { homeAddItemIntent, homeAddItemLinks } from './home-add-item-links';\n\nconst PILL =\n  'flex h-8 cursor-pointer items-center gap-2 rounded-xl border border-[var(--border-subtle)] bg-[var(--bg-muted)] px-3 text-sm text-[var(--text-secondary)] transition-colors duration-[var(--motion-fast)] hover:bg-[var(--interactive-active)] hover:text-[var(--text-primary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--focus-ring)]';\n\n/**\n * Take payment, Send invoice, Add item: the three things done most, as pills\n * under the ask card.\n *\n * They replaced Ask, Write and Organize, which were a look: choosing one moved a\n * highlight and nothing read it. These do something. Take payment opens the same\n * modal the rail used to carry; Send invoice and Add item go to the screens that\n * make them. \"Add item\" says the business's own word (`useEntityLabel`), so a\n * club is told to add a service and a shop a product.\n *\n * The first two write money, so they follow the home's own gate\n * (`canManageFinance`); Add item follows the catalogue's (`canManageProducts`).\n * Add item opens a two-way menu, the same as on the catalogue — typing one or\n * importing many is decided at the button, not on a blank form.\n * Nothing is drawn while permissions resolve, so the row appears whole.\n */\nexport function HomeQuickActions() {\n  const router = useRouter();\n  const takePayment = useTakePayment();\n  const item = useEntityLabel('item');\n  const intentConfig = useIntentConfig();\n  const { can, loading } = usePermissions();\n  if (loading) return null;\n  // Named, so the item lands on the list the sidebar opens; see the helper.\n  const links = homeAddItemLinks(homeAddItemIntent(intentConfig, item));\n\n  const actions: {\n    id: string;\n    label: string;\n    Icon: LucideIcon;\n    run: () => void;\n  }[] = [\n    ...(can('canManageFinance')\n      ? [\n          {\n            id: 'payment',\n            label: 'Take payment',\n            Icon: CreditCard,\n            run: takePayment,\n          },\n          {\n            id: 'invoice',\n            label: 'Send invoice',\n            Icon: FilePlus2,\n            run: () => router.push('/dashboard/invoices/new'),\n          },\n        ]\n      : []),\n    ...(can('canManageProducts')\n      ? [\n          {\n            id: 'item',\n            label: `Add ${item.singular.toLowerCase()}`,\n            Icon: Plus,\n            run: () => router.push(links.create),\n          },\n        ]\n      : []),\n    // Whatever the host registered, after the built-in three.\n    ...hostQuickActions()\n      .filter((a) => !a.allowed || a.allowed((p) => can(p as never)))\n      .map((a) => ({\n        id: a.id,\n        label: a.label,\n        Icon: a.Icon,\n        run: () => router.push(a.href),\n      })),\n  ];\n  if (actions.length === 0) return null;\n\n  return (\n    <div\n      role=\"group\"\n      aria-label=\"Quick actions\"\n      className=\"mt-3 flex flex-wrap items-center justify-center gap-3\"\n    >\n      {actions.map(({ id, label, Icon, run }) =>\n        id === 'item' ? (\n          <OverflowMenu\n            key={id}\n            label={label}\n            align=\"start\"\n            trigger={(props) => (\n              <button type=\"button\" {...props} className={PILL}>\n                <Icon\n                  aria-hidden\n                  className=\"size-4 text-[var(--text-tertiary)]\"\n                />\n                {label}\n                <ChevronDown aria-hidden className=\"-ml-1 size-3.5\" />\n              </button>\n            )}\n          >\n            <OverflowItem onClick={run}>Add manually</OverflowItem>\n            <OverflowItem\n              onClick={() => router.push(links.importSheet)}\n            >\n              Import from CSV\n            </OverflowItem>\n          </OverflowMenu>\n        ) : (\n          <button key={id} type=\"button\" onClick={run} className={PILL}>\n            <Icon aria-hidden className=\"size-4 text-[var(--text-tertiary)]\" />\n            {label}\n          </button>\n        ),\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAwGc,SACE,KADF;AAtGd,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,cAAc,oBAAoB;AAC3C,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB,wBAAwB;AAEpD,MAAM,OACJ;AAkBK,SAAS,mBAAmB;AACjC,QAAM,SAAS,UAAU;AACzB,QAAM,cAAc,eAAe;AACnC,QAAM,OAAO,eAAe,MAAM;AAClC,QAAM,eAAe,gBAAgB;AACrC,QAAM,EAAE,KAAK,QAAQ,IAAI,eAAe;AACxC,MAAI,QAAS,QAAO;AAEpB,QAAM,QAAQ,iBAAiB,kBAAkB,cAAc,IAAI,CAAC;AAEpE,QAAM,UAKA;AAAA,IACJ,GAAI,IAAI,kBAAkB,IACtB;AAAA,MACE;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,MAAM;AAAA,QACN,KAAK;AAAA,MACP;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,MAAM;AAAA,QACN,KAAK,MAAM,OAAO,KAAK,yBAAyB;AAAA,MAClD;AAAA,IACF,IACA,CAAC;AAAA,IACL,GAAI,IAAI,mBAAmB,IACvB;AAAA,MACE;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,OAAO,KAAK,SAAS,YAAY,CAAC;AAAA,QACzC,MAAM;AAAA,QACN,KAAK,MAAM,OAAO,KAAK,MAAM,MAAM;AAAA,MACrC;AAAA,IACF,IACA,CAAC;AAAA;AAAA,IAEL,GAAG,iBAAiB,EACjB,OAAO,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,QAAQ,CAAC,MAAM,IAAI,CAAU,CAAC,CAAC,EAC7D,IAAI,CAAC,OAAO;AAAA,MACX,IAAI,EAAE;AAAA,MACN,OAAO,EAAE;AAAA,MACT,MAAM,EAAE;AAAA,MACR,KAAK,MAAM,OAAO,KAAK,EAAE,IAAI;AAAA,IAC/B,EAAE;AAAA,EACN;AACA,MAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAET,kBAAQ;AAAA,QAAI,CAAC,EAAE,IAAI,OAAO,MAAM,IAAI,MACnC,OAAO,SACL;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA,OAAM;AAAA,YACN,SAAS,CAAC,UACR,qBAAC,YAAO,MAAK,UAAU,GAAG,OAAO,WAAW,MAC1C;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,eAAW;AAAA,kBACX,WAAU;AAAA;AAAA,cACZ;AAAA,cACC;AAAA,cACD,oBAAC,eAAY,eAAW,MAAC,WAAU,kBAAiB;AAAA,eACtD;AAAA,YAGF;AAAA,kCAAC,gBAAa,SAAS,KAAK,0BAAY;AAAA,cACxC;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAS,MAAM,OAAO,KAAK,MAAM,WAAW;AAAA,kBAC7C;AAAA;AAAA,cAED;AAAA;AAAA;AAAA,UAnBK;AAAA,QAoBP,IAEA,qBAAC,YAAgB,MAAK,UAAS,SAAS,KAAK,WAAW,MACtD;AAAA,8BAAC,QAAK,eAAW,MAAC,WAAU,sCAAqC;AAAA,UAChE;AAAA,aAFU,EAGb;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/dashboard/home/home-today.d.ts

@@ -0,0 +1,27 @@
+import type { NextUpItem } from './next-up-sources';
+/**
+ * The day, at full width.
+ *
+ * WHAT CHANGED. This list is the answer to the question the home exists to ask,
+ * and it was living in a 301px column — one third of a 1000px page, beside a
+ * column of five links and a column of screens you had already visited. On a
+ * business with one thing waiting it rendered a single row above 200px of dead
+ * column, which is what made the page read as unfinished.
+ *
+ * A list is not furniture to be balanced against two other lists. It gets the
+ * measure, and the row gets room for the three things that identify a piece of
+ * work: when, who, and how much.
+ *
+ * TIME LEADS, and it is the column you scan. Blocking items never reach here —
+ * they have no clock and they belong in `HomeBlocked` — so every row in this
+ * list genuinely sits on the day.
+ */
+export declare function HomeToday({ items, href, label, multiStream, }: {
+    items: NextUpItem[];
+    /** The archetype's own list page, behind "View all". */
+    href: string;
+    /** This business's word for its queue: Orders, Bookings, Stays. */
+    label: string;
+    /** Name the stream only when the business runs more than one. */
+    multiStream: boolean;
+}): import("react").JSX.Element;

package/dist/dashboard/home/home-today.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ChevronRight, CalendarClock } from "lucide-react";
+import { formatNextUpTime } from "./next-up-sources";
+import { Panel, PanelEmpty } from "./panel";
+function HomeToday({
+  items,
+  href,
+  label,
+  multiStream
+}) {
+  return /* @__PURE__ */ jsx(
+    Panel,
+    {
+      title: "Today",
+      action: items.length > 0 ? { label: "View all", href } : void 0,
+      bodyClassName: "p-0",
+      children: items.length === 0 ? /* @__PURE__ */ jsx(
+        PanelEmpty,
+        {
+          icon: CalendarClock,
+          title: "Nothing waiting on you",
+          description: `New ${label.toLowerCase()} land here as they come in.`
+        }
+      ) : /* @__PURE__ */ jsx("ul", { children: items.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: item.href,
+          className: "group/row flex items-center gap-4 border-b border-[var(--border-subtle)] px-4 py-3 transition-colors last:border-b-0 hover:bg-[var(--interactive-hover)]",
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: `w-[132px] shrink-0 whitespace-nowrap text-sm tabular-nums ${item.overdue ? "font-medium text-[var(--error)]" : "text-[var(--text-tertiary)]"}`,
+                children: formatNextUpTime(item.at)
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-md text-[var(--text-primary)]", children: item.title }),
+            item.meta && /* @__PURE__ */ jsx("span", { className: "hidden shrink-0 text-sm tabular-nums text-[var(--text-tertiary)] sm:block", children: multiStream ? `${item.stream} \xB7 ${item.meta}` : item.meta }),
+            /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 shrink-0 text-[var(--text-muted)] transition-transform duration-[var(--motion-fast)] group-hover/row:translate-x-0.5" })
+          ]
+        }
+      ) }, item.id)) })
+    }
+  );
+}
+export {
+  HomeToday
+};
+//# sourceMappingURL=home-today.js.map

package/dist/dashboard/home/home-today.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/home-today.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { ChevronRight, CalendarClock } from 'lucide-react';\nimport type { NextUpItem } from './next-up-sources';\nimport { formatNextUpTime } from './next-up-sources';\nimport { Panel, PanelEmpty } from './panel';\n\n/**\n * The day, at full width.\n *\n * WHAT CHANGED. This list is the answer to the question the home exists to ask,\n * and it was living in a 301px column — one third of a 1000px page, beside a\n * column of five links and a column of screens you had already visited. On a\n * business with one thing waiting it rendered a single row above 200px of dead\n * column, which is what made the page read as unfinished.\n *\n * A list is not furniture to be balanced against two other lists. It gets the\n * measure, and the row gets room for the three things that identify a piece of\n * work: when, who, and how much.\n *\n * TIME LEADS, and it is the column you scan. Blocking items never reach here —\n * they have no clock and they belong in `HomeBlocked` — so every row in this\n * list genuinely sits on the day.\n */\nexport function HomeToday({\n  items,\n  href,\n  label,\n  multiStream,\n}: {\n  items: NextUpItem[];\n  /** The archetype's own list page, behind \"View all\". */\n  href: string;\n  /** This business's word for its queue: Orders, Bookings, Stays. */\n  label: string;\n  /** Name the stream only when the business runs more than one. */\n  multiStream: boolean;\n}) {\n  return (\n    <Panel\n      /* \"Today\", not the queue's noun.\n         This card was titled `label` — \"Orders\" — and so is the sales-count\n         widget two cards away, so the board rendered two cards headed Orders\n         showing completely different things: one a clock, one a 30-day total.\n         The noun was never what this card is about. It is what is waiting on\n         you NOW, which is the one question the home exists to answer, and the\n         rows underneath already say which stream each item came from. */\n      title=\"Today\"\n      action={items.length > 0 ? { label: 'View all', href } : undefined}\n      bodyClassName=\"p-0\"\n    >\n      {items.length === 0 ? (\n        <PanelEmpty\n          icon={CalendarClock}\n          title=\"Nothing waiting on you\"\n          description={`New ${label.toLowerCase()} land here as they come in.`}\n        />\n      ) : (\n        <ul>\n          {items.map((item) => (\n            <li key={item.id}>\n              <Link\n                href={item.href}\n                className=\"group/row flex items-center gap-4 border-b border-[var(--border-subtle)] px-4 py-3 transition-colors last:border-b-0 hover:bg-[var(--interactive-hover)]\"\n              >\n                {/* Fixed width so the times form a column that can be scanned\n                    down, rather than a ragged edge that has to be read. Wide\n                    enough for \"Mon 10 Aug 12:00\" on ONE line: at 104px it wrapped,\n                    which doubled every row's height and turned a scannable list\n                    into a stack of blocks. */}\n                <span\n                  className={`w-[132px] shrink-0 whitespace-nowrap text-sm tabular-nums ${\n                    item.overdue\n                      ? 'font-medium text-[var(--error)]'\n                      : 'text-[var(--text-tertiary)]'\n                  }`}\n                >\n                  {formatNextUpTime(item.at)}\n                </span>\n                <span className=\"min-w-0 flex-1 truncate text-md text-[var(--text-primary)]\">\n                  {item.title}\n                </span>\n                {item.meta && (\n                  <span className=\"hidden shrink-0 text-sm tabular-nums text-[var(--text-tertiary)] sm:block\">\n                    {multiStream ? `${item.stream} · ${item.meta}` : item.meta}\n                  </span>\n                )}\n                <ChevronRight className=\"size-4 shrink-0 text-[var(--text-muted)] transition-transform duration-[var(--motion-fast)] group-hover/row:translate-x-0.5\" />\n              </Link>\n            </li>\n          ))}\n        </ul>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":";AAqDQ,cASM,YATN;AAnDR,OAAO,UAAU;AACjB,SAAS,cAAc,qBAAqB;AAE5C,SAAS,wBAAwB;AACjC,SAAS,OAAO,kBAAkB;AAmB3B,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MAQC,OAAM;AAAA,MACN,QAAQ,MAAM,SAAS,IAAI,EAAE,OAAO,YAAY,KAAK,IAAI;AAAA,MACzD,eAAc;AAAA,MAEb,gBAAM,WAAW,IAChB;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,OAAM;AAAA,UACN,aAAa,OAAO,MAAM,YAAY,CAAC;AAAA;AAAA,MACzC,IAEA,oBAAC,QACE,gBAAM,IAAI,CAAC,SACV,oBAAC,QACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,KAAK;AAAA,UACX,WAAU;AAAA,UAOV;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,6DACT,KAAK,UACD,oCACA,6BACN;AAAA,gBAEC,2BAAiB,KAAK,EAAE;AAAA;AAAA,YAC3B;AAAA,YACA,oBAAC,UAAK,WAAU,8DACb,eAAK,OACR;AAAA,YACC,KAAK,QACJ,oBAAC,UAAK,WAAU,6EACb,wBAAc,GAAG,KAAK,MAAM,SAAM,KAAK,IAAI,KAAK,KAAK,MACxD;AAAA,YAEF,oBAAC,gBAAa,WAAU,+HAA8H;AAAA;AAAA;AAAA,MACxJ,KA5BO,KAAK,EA6Bd,CACD,GACH;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/dashboard/home/host-quick-actions.d.ts

@@ -0,0 +1,19 @@
+import type { LucideIcon } from 'lucide-react';
+/**
+ * A quick action a host adds under the Home search box, such as "Send money"
+ * from an engine this package knows nothing of. Registered once, where the
+ * host builds its dashboard layout, like `registerHostWidget`. Registering the
+ * same id again replaces it.
+ */
+export interface HostQuickAction {
+    id: string;
+    label: string;
+    Icon: LucideIcon;
+    /** Where it goes. */
+    href: string;
+    /** Hide it from members who may not use it. Shown to everyone when absent. */
+    allowed?: (can: (permission: string) => boolean) => boolean;
+}
+export declare function registerHostQuickAction(action: HostQuickAction): void;
+/** The host's quick actions, in the order they were registered. */
+export declare function hostQuickActions(): HostQuickAction[];

package/dist/dashboard/home/host-quick-actions.js

@@ -0,0 +1,12 @@
+const HOST_ACTIONS = /* @__PURE__ */ new Map();
+function registerHostQuickAction(action) {
+  HOST_ACTIONS.set(action.id, action);
+}
+function hostQuickActions() {
+  return [...HOST_ACTIONS.values()];
+}
+export {
+  hostQuickActions,
+  registerHostQuickAction
+};
+//# sourceMappingURL=host-quick-actions.js.map

package/dist/dashboard/home/host-quick-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/host-quick-actions.ts"],"sourcesContent":["import type { LucideIcon } from 'lucide-react';\n\n/**\n * A quick action a host adds under the Home search box, such as \"Send money\"\n * from an engine this package knows nothing of. Registered once, where the\n * host builds its dashboard layout, like `registerHostWidget`. Registering the\n * same id again replaces it.\n */\nexport interface HostQuickAction {\n  id: string;\n  label: string;\n  Icon: LucideIcon;\n  /** Where it goes. */\n  href: string;\n  /** Hide it from members who may not use it. Shown to everyone when absent. */\n  allowed?: (can: (permission: string) => boolean) => boolean;\n}\n\nconst HOST_ACTIONS = new Map<string, HostQuickAction>();\n\nexport function registerHostQuickAction(action: HostQuickAction): void {\n  HOST_ACTIONS.set(action.id, action);\n}\n\n/** The host's quick actions, in the order they were registered. */\nexport function hostQuickActions(): HostQuickAction[] {\n  return [...HOST_ACTIONS.values()];\n}\n"],"mappings":"AAkBA,MAAM,eAAe,oBAAI,IAA6B;AAE/C,SAAS,wBAAwB,QAA+B;AACrE,eAAa,IAAI,OAAO,IAAI,MAAM;AACpC;AAGO,SAAS,mBAAsC;AACpD,SAAO,CAAC,GAAG,aAAa,OAAO,CAAC;AAClC;","names":[]}

package/dist/dashboard/home/live-presence.d.ts

@@ -0,0 +1,30 @@
+/**
+ * "Two people are on your site right now."
+ *
+ * WHAT GOES IN THE TOP SECTION, and the reason it is this and nothing else.
+ * The hero is a greeting, a question and a bar, and John asked what the empty
+ * band under it could carry. The tempting answers are all wrong for it:
+ *
+ *   A stats strip  is Analytics' job, and his own screenshot showed why —
+ *                  eleven sessions with a green +120% beside NGN 0.
+ *   The day's work is the board's job. `selectNextUp` already feeds the Today
+ *                  widget, and two copies of one list is two lists that have
+ *                  to agree forever.
+ *   A blocker band was here and was DELETED, on the argument that a second
+ *                  permanent section between the merchant and their day makes
+ *                  the home two things again. See the note in `page.tsx`.
+ *
+ * What is left is the one thing no card on the board can hold, because it stops
+ * being true while you read it: somebody is in the shop. It is the only line on
+ * this page that is about THIS MINUTE, which is precisely why it belongs at the
+ * top and not in a card.
+ *
+ * IT IS A LINK, because "someone is here" invites exactly one question — who,
+ * and what are they looking at — and the answer is a screen we already have.
+ *
+ * IT DISAPPEARS AT ZERO. Not "0 people are on your site", which is a sentence
+ * that makes a quiet Tuesday feel like a verdict, and not a skeleton either.
+ * Most of the time this renders nothing at all and the hero looks exactly as it
+ * did before, which is the bar any addition to this page has to clear.
+ */
+export declare function LivePresence(): import("react").JSX.Element;

package/dist/dashboard/home/live-presence.js

@@ -0,0 +1,64 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { AnimatePresence, motion, useReducedMotion } from "motion/react";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { durations, springs } from "@withpotter/lib/motion";
+import { RollingNumber } from "@withpotter/ui-kit/rolling-number";
+import { LiveDot } from "@withpotter/ui-kit/live-dot";
+import { useLivePresence } from "./use-live-presence";
+function LivePresence() {
+  const { tenant } = useAuth();
+  const reduceMotion = useReducedMotion() ?? false;
+  const isOpen = tenant?.status === "active";
+  const presence = useLivePresence(isOpen);
+  const count = presence?.count ?? 0;
+  const show = count > 0;
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: show && /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: reduceMotion ? { opacity: 0 } : { opacity: 0, y: -8 },
+      animate: { opacity: 1, y: 0 },
+      exit: reduceMotion ? { opacity: 0 } : { opacity: 0, y: -8 },
+      transition: reduceMotion ? { duration: durations.fast } : springs.gentle,
+      className: "mt-3",
+      children: /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: "/dashboard/analytics",
+          className: "group inline-flex items-center gap-2 rounded-lg px-2 py-1 text-sm text-[var(--text-tertiary)] transition-colors hover:bg-[var(--interactive-hover)] hover:text-[var(--text-secondary)]",
+          children: [
+            /* @__PURE__ */ jsx(LiveDot, {}),
+            /* @__PURE__ */ jsxs("span", { children: [
+              /* @__PURE__ */ jsxs(
+                motion.span,
+                {
+                  className: "font-medium text-[var(--text-primary)]",
+                  initial: reduceMotion ? false : { scale: 1.06 },
+                  animate: { scale: 1 },
+                  transition: springs.bouncy,
+                  children: [
+                    /* @__PURE__ */ jsx(RollingNumber, { value: count }),
+                    presence?.capped && "+"
+                  ]
+                },
+                count
+              ),
+              " ",
+              count === 1 ? "person is" : "people are",
+              " on your site",
+              presence?.topPlace && /* @__PURE__ */ jsxs(Fragment, { children: [
+                ", looking at ",
+                /* @__PURE__ */ jsx("span", { className: "text-[var(--text-secondary)]", children: presence.topPlace })
+              ] })
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+}
+export {
+  LivePresence
+};
+//# sourceMappingURL=live-presence.js.map

package/dist/dashboard/home/live-presence.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/live-presence.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { AnimatePresence, motion, useReducedMotion } from 'motion/react';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { durations, springs } from '@withpotter/lib/motion';\nimport { RollingNumber } from '@withpotter/ui-kit/rolling-number';\nimport { LiveDot } from '@withpotter/ui-kit/live-dot';\nimport { useLivePresence } from './use-live-presence';\n\n/**\n * \"Two people are on your site right now.\"\n *\n * WHAT GOES IN THE TOP SECTION, and the reason it is this and nothing else.\n * The hero is a greeting, a question and a bar, and John asked what the empty\n * band under it could carry. The tempting answers are all wrong for it:\n *\n *   A stats strip  is Analytics' job, and his own screenshot showed why —\n *                  eleven sessions with a green +120% beside NGN 0.\n *   The day's work is the board's job. `selectNextUp` already feeds the Today\n *                  widget, and two copies of one list is two lists that have\n *                  to agree forever.\n *   A blocker band was here and was DELETED, on the argument that a second\n *                  permanent section between the merchant and their day makes\n *                  the home two things again. See the note in `page.tsx`.\n *\n * What is left is the one thing no card on the board can hold, because it stops\n * being true while you read it: somebody is in the shop. It is the only line on\n * this page that is about THIS MINUTE, which is precisely why it belongs at the\n * top and not in a card.\n *\n * IT IS A LINK, because \"someone is here\" invites exactly one question — who,\n * and what are they looking at — and the answer is a screen we already have.\n *\n * IT DISAPPEARS AT ZERO. Not \"0 people are on your site\", which is a sentence\n * that makes a quiet Tuesday feel like a verdict, and not a skeleton either.\n * Most of the time this renders nothing at all and the hero looks exactly as it\n * did before, which is the bar any addition to this page has to clear.\n */\nexport function LivePresence() {\n  const { tenant } = useAuth();\n  const reduceMotion = useReducedMotion() ?? false;\n\n  /*\n   * Only asked for once the storefront is open. A shut site has no traffic by\n   * definition, so polling one is a request every thirty seconds to be told\n   * zero — and the same status is what the Website widget means by \"open\".\n   */\n  const isOpen = tenant?.status === 'active';\n  const presence = useLivePresence(isOpen);\n\n  const count = presence?.count ?? 0;\n  const show = count > 0;\n\n  return (\n    <AnimatePresence>\n      {show && (\n        <motion.div\n          /*\n           * Arrives from under the bar and leaves the same way, on the house\n           * spring. It has to MOVE rather than fade, because the row appearing\n           * is itself the news: a merchant glancing at the home should catch\n           * the arrival out of the corner of their eye. Eight pixels, which is\n           * the distance the nav's own arriving pill travels.\n           */\n          initial={reduceMotion ? { opacity: 0 } : { opacity: 0, y: -8 }}\n          animate={{ opacity: 1, y: 0 }}\n          exit={reduceMotion ? { opacity: 0 } : { opacity: 0, y: -8 }}\n          transition={\n            reduceMotion ? { duration: durations.fast } : springs.gentle\n          }\n          className=\"mt-3\"\n        >\n          <Link\n            href=\"/dashboard/analytics\"\n            className=\"group inline-flex items-center gap-2 rounded-lg px-2 py-1 text-sm text-[var(--text-tertiary)] transition-colors hover:bg-[var(--interactive-hover)] hover:text-[var(--text-secondary)]\"\n          >\n            <LiveDot />\n            <span>\n              <motion.span\n                className=\"font-medium text-[var(--text-primary)]\"\n                /*\n                 * The number itself answers a change, not just the digits\n                 * inside it. A roll alone is easy to miss on a line this\n                 * quiet; a two-percent swell as it lands is what makes the eye\n                 * go there. `bouncy` is the house's milestone spring and the\n                 * overshoot on a scale this small is about a third of a pixel\n                 * of rebound — felt, not watched.\n                 */\n                key={count}\n                initial={reduceMotion ? false : { scale: 1.06 }}\n                animate={{ scale: 1 }}\n                transition={springs.bouncy}\n              >\n                <RollingNumber value={count} />\n                {presence?.capped && '+'}\n              </motion.span>{' '}\n              {count === 1 ? 'person is' : 'people are'} on your site\n              {/* \"looking at Ceramic Bowl\", not a bare path appended with a\n                  comma. The hook resolves the name; the verb belongs to the\n                  sentence, which is the only place that knows the name is\n                  going to be read as English rather than as a location. */}\n              {presence?.topPlace && (\n                <>\n                  {', looking at '}\n                  <span className=\"text-[var(--text-secondary)]\">\n                    {presence.topPlace}\n                  </span>\n                </>\n              )}\n            </span>\n          </Link>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n}\n"],"mappings":";AA6EY,SA0BI,UA1BJ,KAEE,YAFF;AA3EZ,OAAO,UAAU;AACjB,SAAS,iBAAiB,QAAQ,wBAAwB;AAC1D,SAAS,eAAe;AACxB,SAAS,WAAW,eAAe;AACnC,SAAS,qBAAqB;AAC9B,SAAS,eAAe;AACxB,SAAS,uBAAuB;AA+BzB,SAAS,eAAe;AAC7B,QAAM,EAAE,OAAO,IAAI,QAAQ;AAC3B,QAAM,eAAe,iBAAiB,KAAK;AAO3C,QAAM,SAAS,QAAQ,WAAW;AAClC,QAAM,WAAW,gBAAgB,MAAM;AAEvC,QAAM,QAAQ,UAAU,SAAS;AACjC,QAAM,OAAO,QAAQ;AAErB,SACE,oBAAC,mBACE,kBACC;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MAQC,SAAS,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,MAC7D,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,MAC5B,MAAM,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,MAC1D,YACE,eAAe,EAAE,UAAU,UAAU,KAAK,IAAI,QAAQ;AAAA,MAExD,WAAU;AAAA,MAEV;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UAEV;AAAA,gCAAC,WAAQ;AAAA,YACT,qBAAC,UACC;AAAA;AAAA,gBAAC,OAAO;AAAA,gBAAP;AAAA,kBACC,WAAU;AAAA,kBAUV,SAAS,eAAe,QAAQ,EAAE,OAAO,KAAK;AAAA,kBAC9C,SAAS,EAAE,OAAO,EAAE;AAAA,kBACpB,YAAY,QAAQ;AAAA,kBAEpB;AAAA,wCAAC,iBAAc,OAAO,OAAO;AAAA,oBAC5B,UAAU,UAAU;AAAA;AAAA;AAAA,gBANhB;AAAA,cAOP;AAAA,cAAe;AAAA,cACd,UAAU,IAAI,cAAc;AAAA,cAAa;AAAA,cAKzC,UAAU,YACT,iCACG;AAAA;AAAA,gBACD,oBAAC,UAAK,WAAU,gCACb,mBAAS,UACZ;AAAA,iBACF;AAAA,eAEJ;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF,GAEJ;AAEJ;","names":[]}

package/dist/dashboard/home/money-hero.d.ts

@@ -0,0 +1,15 @@
+import type { MoneyLanguage } from './money-language';
+import { type MoneyFigures, type MoneyOutstanding } from './money-snapshot';
+export declare function MoneyHero({ data, prior, outstanding, formatCurrency, language, failed, cachedAt, onRetry, }: {
+    /** Null only when there is nothing to show at all: no live read, no cache. */
+    data: MoneyFigures | null;
+    prior: MoneyFigures | null;
+    outstanding: MoneyOutstanding | null;
+    formatCurrency: (n: number) => string;
+    language: MoneyLanguage;
+    /** The request errored rather than merely being slow. */
+    failed?: boolean;
+    /** Epoch ms these figures were read, when they came from the cache. */
+    cachedAt?: number | null;
+    onRetry?: () => void;
+}): import("react").JSX.Element;