@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/_shell/inbox.module.css

@@ -0,0 +1,107 @@
+/* The bell and what it opens: what is waiting on an admin. */
+
+.wrap {
+  position: relative;
+}
+
+.dot {
+  position: absolute;
+  top: 7px;
+  right: 7px;
+  width: 8px;
+  height: 8px;
+  border: 2px solid var(--adm-canvas);
+  border-radius: 999px;
+  background: var(--error);
+  animation: dot-in var(--adm-moderate) both;
+}
+
+@keyframes dot-in {
+  from {
+    opacity: 0;
+  }
+}
+
+.panel {
+  top: calc(100% + 8px);
+  right: 0;
+  width: 300px;
+}
+
+.head {
+  padding: 8px 10px 6px;
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--text-tertiary);
+}
+
+.row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 10px;
+  border-radius: 10px;
+  color: inherit;
+  text-decoration: none;
+  transition: background var(--adm-fast);
+}
+
+.row:hover {
+  background: var(--adm-hover);
+}
+
+.icon {
+  display: grid;
+  place-items: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 10px;
+  background: var(--accent-secondary);
+  color: var(--accent-ink, var(--accent-primary));
+  flex-shrink: 0;
+}
+
+.text {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: 0;
+  line-height: 1.3;
+}
+
+.text strong {
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.text small {
+  font-size: 12px;
+  color: var(--text-tertiary);
+}
+
+.count {
+  min-width: 24px;
+  height: 22px;
+  padding: 0 7px;
+  border-radius: 999px;
+  background: var(--error);
+  color: var(--adm-on-accent);
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 22px;
+  text-align: center;
+  font-variant-numeric: tabular-nums;
+}
+
+.count[data-zero='true'] {
+  background: var(--adm-hover);
+  color: var(--text-tertiary);
+}
+
+.clear {
+  margin: 4px 10px 8px;
+  font-size: 12.5px;
+  color: var(--text-tertiary);
+}

package/dist/admin/_shell/menus.module.css

@@ -0,0 +1,55 @@
+/* Popovers anchored to the chrome: the workspace menu and the inbox. */
+
+.menuScrim {
+  position: fixed;
+  inset: 0;
+  z-index: 40;
+}
+
+.pop {
+  position: absolute;
+  z-index: 50;
+  padding: 4px;
+  border-radius: 10px;
+  background: var(--bg-base);
+  box-shadow: var(--adm-shadow-pop);
+  animation: pop-in var(--adm-moderate) both;
+}
+
+@keyframes pop-in {
+  from {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+}
+
+.menuItem {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  height: 32px;
+  padding: 0 8px;
+  border-radius: 10px;
+  cursor: pointer;
+  font-size: var(--text-sm);
+  font-weight: 500;
+  color: var(--text-secondary);
+  transition:
+    background var(--adm-fast),
+    color var(--adm-fast);
+}
+
+.menuItem:hover {
+  background: var(--error-bg);
+  color: var(--error);
+}
+
+.menuItem:focus {
+  outline: none;
+}
+
+.menuItem:focus-visible {
+  outline: 2px solid var(--focus-ring);
+  outline-offset: -2px;
+}

package/dist/admin/_shell/modules-context.js

@@ -0,0 +1,17 @@
+"use client";
+import { createContext, useContext } from "react";
+import { moduleOn } from "./nav-modules";
+const ModulesContext = createContext({});
+const AdminModulesProvider = ModulesContext.Provider;
+function useModuleOn(key) {
+  return moduleOn(useContext(ModulesContext), key);
+}
+function useAdminModules() {
+  return useContext(ModulesContext);
+}
+export {
+  AdminModulesProvider,
+  useAdminModules,
+  useModuleOn
+};
+//# sourceMappingURL=modules-context.js.map

package/dist/admin/_shell/modules-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_shell/modules-context.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { moduleOn, type AdminModule, type AdminModules } from './nav-modules';\n\nconst ModulesContext = createContext<AdminModules>({});\n\n/** Set once by the admin layout from the host's module list. */\nexport const AdminModulesProvider = ModulesContext.Provider;\n\n/** Whether this Box serves a module, for a page that links into one. */\nexport function useModuleOn(key: AdminModule): boolean {\n  return moduleOn(useContext(ModulesContext), key);\n}\n\n/** Every module switch, for a page that filters a list of its own by module. */\nexport function useAdminModules(): AdminModules {\n  return useContext(ModulesContext);\n}\n"],"mappings":";AAEA,SAAS,eAAe,kBAAkB;AAC1C,SAAS,gBAAqD;AAE9D,MAAM,iBAAiB,cAA4B,CAAC,CAAC;AAG9C,MAAM,uBAAuB,eAAe;AAG5C,SAAS,YAAY,KAA2B;AACrD,SAAO,SAAS,WAAW,cAAc,GAAG,GAAG;AACjD;AAGO,SAAS,kBAAgC;AAC9C,SAAO,WAAW,cAAc;AAClC;","names":[]}

package/dist/admin/_shell/nav-config.js

@@ -0,0 +1,168 @@
+import {
+  LayoutGrid,
+  Building2,
+  Users,
+  ShieldCheck,
+  ScrollText,
+  KeyRound,
+  Coins,
+  MessageSquareText,
+  Headphones,
+  Star,
+  Settings,
+  Target,
+  Gauge,
+  BadgeCheck,
+  Mail,
+  Landmark,
+  ArrowDownToLine,
+  Percent,
+  MonitorSmartphone,
+  Store
+} from "lucide-react";
+const PRODUCT_FEEDBACK_NAV = [
+  { href: "/admin/feedback", label: "Feedback", icon: MessageSquareText },
+  {
+    href: "/admin/reviews",
+    label: "Reviews",
+    icon: Star,
+    permission: "reviews.read",
+    module: "reviews"
+  }
+];
+const NAV_GROUPS = [
+  {
+    label: null,
+    items: [
+      { href: "/admin", label: "Overview", icon: LayoutGrid },
+      { href: "/admin/revenue", label: "Revenue", icon: Coins }
+    ]
+  },
+  {
+    label: "Workspaces",
+    items: [
+      { href: "/admin/tenants", label: "Workspaces", icon: Building2 },
+      { href: "/admin/accounts", label: "User accounts", icon: Users },
+      { href: "/admin/sales", label: "Sales", icon: Target, module: "sales" },
+      {
+        href: "/admin/verification",
+        label: "Verification",
+        icon: BadgeCheck,
+        permission: "compliance.read",
+        module: "verification"
+      },
+      {
+        href: "/admin/newsletters",
+        label: "Newsletters",
+        icon: Mail,
+        permission: "newsletters.read",
+        module: "newsletters"
+      }
+    ]
+  },
+  {
+    label: "Money",
+    items: [
+      {
+        href: "/admin/wallets",
+        label: "Wallets & ledger",
+        icon: Landmark,
+        module: "wallets"
+      },
+      {
+        href: "/admin/withdrawals",
+        label: "Withdrawals",
+        icon: ArrowDownToLine,
+        module: "withdrawals"
+      },
+      {
+        href: "/admin/pricing",
+        label: "Pricing",
+        icon: Percent,
+        module: "pricing"
+      },
+      {
+        href: "/admin/payout-tiers",
+        label: "Payout tiers",
+        icon: Gauge,
+        permission: "money.payout_tiers.read"
+      }
+    ]
+  },
+  {
+    label: "Operations",
+    items: [
+      {
+        href: "/admin/pos",
+        label: "POS",
+        icon: MonitorSmartphone,
+        permission: "pos.read",
+        module: "pos"
+      },
+      {
+        href: "/admin/commerce",
+        label: "Commerce",
+        icon: Store,
+        module: "commerce"
+      }
+    ]
+  },
+  {
+    label: "Inbox",
+    items: [
+      {
+        href: "/admin/support",
+        label: "Support",
+        icon: Headphones,
+        permission: "support.read",
+        inbox: "support",
+        module: "support"
+      },
+      {
+        href: "/admin/feedback",
+        label: "Product feedback",
+        icon: MessageSquareText,
+        activeRoutes: PRODUCT_FEEDBACK_NAV.map(({ href }) => href),
+        inbox: "feedback",
+        module: "feedback"
+      },
+      {
+        href: "/admin/reviews",
+        label: "Reviews",
+        icon: Star,
+        permission: "reviews.read",
+        module: "reviews",
+        unlessModule: "feedback"
+      }
+    ]
+  },
+  {
+    label: "Platform",
+    items: [
+      {
+        href: "/admin/admins",
+        label: "Admins",
+        icon: ShieldCheck,
+        superadmin: true
+      },
+      {
+        href: "/admin/roles",
+        label: "Roles",
+        icon: KeyRound,
+        superadmin: true
+      },
+      { href: "/admin/audit", label: "Audit log", icon: ScrollText },
+      {
+        href: "/admin/settings",
+        label: "Settings",
+        icon: Settings,
+        module: "settings"
+      }
+    ]
+  }
+];
+export {
+  NAV_GROUPS,
+  PRODUCT_FEEDBACK_NAV
+};
+//# sourceMappingURL=nav-config.js.map

package/dist/admin/_shell/nav-config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_shell/nav-config.ts"],"sourcesContent":["import {\n  LayoutGrid,\n  Building2,\n  Users,\n  ShieldCheck,\n  ScrollText,\n  KeyRound,\n  Coins,\n  MessageSquareText,\n  Headphones,\n  Star,\n  Settings,\n  Target,\n  Gauge,\n  BadgeCheck,\n  Mail,\n  Landmark,\n  ArrowDownToLine,\n  Percent,\n  MonitorSmartphone,\n  Store,\n} from 'lucide-react';\nimport type { AdminModule } from './nav-modules';\n\nexport type NavItem = {\n  href: string;\n  label: string;\n  icon: typeof LayoutGrid;\n  superadmin?: boolean;\n  permission?: string;\n  activeRoutes?: string[];\n  /** Which inbox count to show beside the label. */\n  inbox?: 'support' | 'feedback';\n  /** Listed only when the host has turned this module on. */\n  module?: AdminModule;\n  /** Listed only while this module is off: the entry stands in for a page that module would otherwise carry as a tab. */\n  unlessModule?: AdminModule;\n};\n\nexport type NavGroup = { label: string | null; items: NavItem[] };\n\n/**\n * Pages a host adds to one of the groups below (a new label adds a group;\n * `null` is the top group with Overview). `replace` drops that group's Box\n * items first, so a host can fold a group into one entry of its own.\n *\n * `after` is the href of the item to follow: the new items go right after it\n * in that group instead of at the end. When no item has that href (the page\n * is off, or the group was replaced), they go at the end, so an addition is\n * never dropped.\n */\nexport type NavAddition = {\n  group: string | null;\n  items: NavItem[];\n  replace?: boolean;\n  after?: string;\n};\n\n/**\n * Second-level tabs shown above the page while inside Product feedback.\n * Product insights is not one: no box serves it.\n */\nexport const PRODUCT_FEEDBACK_NAV: NavItem[] = [\n  { href: '/admin/feedback', label: 'Feedback', icon: MessageSquareText },\n  {\n    href: '/admin/reviews',\n    label: 'Reviews',\n    icon: Star,\n    permission: 'reviews.read',\n    module: 'reviews',\n  },\n];\n\n/**\n * Grouped like a banking control room: the merchant first, then money, then\n * operations, then the platform itself. Same order and words as the Box admin.\n */\nexport const NAV_GROUPS: NavGroup[] = [\n  {\n    label: null,\n    items: [\n      { href: '/admin', label: 'Overview', icon: LayoutGrid },\n      { href: '/admin/revenue', label: 'Revenue', icon: Coins },\n    ],\n  },\n  {\n    label: 'Workspaces',\n    items: [\n      { href: '/admin/tenants', label: 'Workspaces', icon: Building2 },\n      { href: '/admin/accounts', label: 'User accounts', icon: Users },\n      { href: '/admin/sales', label: 'Sales', icon: Target, module: 'sales' },\n      {\n        href: '/admin/verification',\n        label: 'Verification',\n        icon: BadgeCheck,\n        permission: 'compliance.read',\n        module: 'verification',\n      },\n      {\n        href: '/admin/newsletters',\n        label: 'Newsletters',\n        icon: Mail,\n        permission: 'newsletters.read',\n        module: 'newsletters',\n      },\n    ],\n  },\n  {\n    label: 'Money',\n    items: [\n      {\n        href: '/admin/wallets',\n        label: 'Wallets & ledger',\n        icon: Landmark,\n        module: 'wallets',\n      },\n      {\n        href: '/admin/withdrawals',\n        label: 'Withdrawals',\n        icon: ArrowDownToLine,\n        module: 'withdrawals',\n      },\n      {\n        href: '/admin/pricing',\n        label: 'Pricing',\n        icon: Percent,\n        module: 'pricing',\n      },\n      {\n        href: '/admin/payout-tiers',\n        label: 'Payout tiers',\n        icon: Gauge,\n        permission: 'money.payout_tiers.read',\n      },\n    ],\n  },\n  {\n    label: 'Operations',\n    items: [\n      {\n        href: '/admin/pos',\n        label: 'POS',\n        icon: MonitorSmartphone,\n        permission: 'pos.read',\n        module: 'pos',\n      },\n      {\n        href: '/admin/commerce',\n        label: 'Commerce',\n        icon: Store,\n        module: 'commerce',\n      },\n    ],\n  },\n  {\n    label: 'Inbox',\n    items: [\n      {\n        href: '/admin/support',\n        label: 'Support',\n        icon: Headphones,\n        permission: 'support.read',\n        inbox: 'support',\n        module: 'support',\n      },\n      {\n        href: '/admin/feedback',\n        label: 'Product feedback',\n        icon: MessageSquareText,\n        activeRoutes: PRODUCT_FEEDBACK_NAV.map(({ href }) => href),\n        inbox: 'feedback',\n        module: 'feedback',\n      },\n      {\n        href: '/admin/reviews',\n        label: 'Reviews',\n        icon: Star,\n        permission: 'reviews.read',\n        module: 'reviews',\n        unlessModule: 'feedback',\n      },\n    ],\n  },\n  {\n    label: 'Platform',\n    items: [\n      {\n        href: '/admin/admins',\n        label: 'Admins',\n        icon: ShieldCheck,\n        superadmin: true,\n      },\n      {\n        href: '/admin/roles',\n        label: 'Roles',\n        icon: KeyRound,\n        superadmin: true,\n      },\n      { href: '/admin/audit', label: 'Audit log', icon: ScrollText },\n      {\n        href: '/admin/settings',\n        label: 'Settings',\n        icon: Settings,\n        module: 'settings',\n      },\n    ],\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/admin/_shell/nav-filter.js

@@ -0,0 +1,45 @@
+import {
+  NAV_GROUPS
+} from "./nav-config";
+import { moduleOn } from "./nav-modules";
+const isActive = (item, pathname) => item.href === "/admin" ? pathname === "/admin" : (item.activeRoutes ?? [item.href]).some(
+  (route) => pathname.startsWith(route)
+);
+const canAccess = (session) => (item) => {
+  if (session.role === "superadmin") return true;
+  if (item.superadmin) return false;
+  return !item.permission || session.permissions.includes(item.permission);
+};
+function withAdditions(groups, additions = []) {
+  const merged = groups.map((g) => ({ ...g, items: [...g.items] }));
+  additions.forEach(({ group, items, replace, after }) => {
+    const found = merged.find((g) => g.label === group);
+    if (found) {
+      if (replace) found.items = [];
+      const at2 = after ? found.items.findIndex((item) => item.href === after) : -1;
+      if (at2 === -1) found.items.push(...items);
+      else found.items.splice(at2 + 1, 0, ...items);
+      return;
+    }
+    const platform = merged.findIndex((g) => g.label === "Platform");
+    const at = platform === -1 ? merged.length : platform;
+    merged.splice(at, 0, { label: group, items: [...items] });
+  });
+  return merged;
+}
+function visibleGroups(session, modules = {}, additions = []) {
+  const allowed = canAccess(session);
+  return withAdditions(NAV_GROUPS, additions).map((group) => ({
+    ...group,
+    items: group.items.filter(
+      (item) => moduleOn(modules, item.module) && !(item.unlessModule && moduleOn(modules, item.unlessModule)) && allowed(item)
+    )
+  })).filter((group) => group.items.length);
+}
+export {
+  canAccess,
+  isActive,
+  visibleGroups,
+  withAdditions
+};
+//# sourceMappingURL=nav-filter.js.map

package/dist/admin/_shell/nav-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_shell/nav-filter.ts"],"sourcesContent":["import {\n  NAV_GROUPS,\n  type NavAddition,\n  type NavGroup,\n  type NavItem,\n} from './nav-config';\nimport { moduleOn, type AdminModules } from './nav-modules';\n\nexport const isActive = (item: NavItem, pathname: string) =>\n  item.href === '/admin'\n    ? pathname === '/admin'\n    : (item.activeRoutes ?? [item.href]).some((route) =>\n        pathname.startsWith(route),\n      );\n\nexport interface AdminSessionLike {\n  role: string;\n  permissions: string[];\n}\n\nexport const canAccess = (session: AdminSessionLike) => (item: NavItem) => {\n  if (session.role === 'superadmin') return true;\n\n  if (item.superadmin) return false;\n\n  return !item.permission || session.permissions.includes(item.permission);\n};\n\n/**\n * The host's pages placed into their groups: after the Box items in a group (or instead of them), or\n * right after the item named by `after`; a new group goes before Platform.\n */\nexport function withAdditions(\n  groups: NavGroup[],\n  additions: NavAddition[] = [],\n): NavGroup[] {\n  const merged = groups.map((g) => ({ ...g, items: [...g.items] }));\n\n  additions.forEach(({ group, items, replace, after }) => {\n    const found = merged.find((g) => g.label === group);\n\n    if (found) {\n      if (replace) found.items = [];\n\n      const at = after ? found.items.findIndex((item) => item.href === after) : -1;\n\n      if (at === -1) found.items.push(...items);\n      else found.items.splice(at + 1, 0, ...items);\n\n      return;\n    }\n\n    const platform = merged.findIndex((g) => g.label === 'Platform');\n    const at = platform === -1 ? merged.length : platform;\n\n    merged.splice(at, 0, { label: group, items: [...items] });\n  });\n\n  return merged;\n}\n\n/** The groups this admin may see, modules off removed, empty groups dropped. */\nexport function visibleGroups(\n  session: AdminSessionLike,\n  modules: AdminModules = {},\n  additions: NavAddition[] = [],\n): NavGroup[] {\n  const allowed = canAccess(session);\n\n  return withAdditions(NAV_GROUPS, additions)\n    .map((group) => ({\n      ...group,\n      items: group.items.filter(\n        (item) =>\n          moduleOn(modules, item.module) &&\n          !(item.unlessModule && moduleOn(modules, item.unlessModule)) &&\n          allowed(item),\n      ),\n    }))\n    .filter((group) => group.items.length);\n}\n"],"mappings":"AAAA;AAAA,EACE;AAAA,OAIK;AACP,SAAS,gBAAmC;AAErC,MAAM,WAAW,CAAC,MAAe,aACtC,KAAK,SAAS,WACV,aAAa,YACZ,KAAK,gBAAgB,CAAC,KAAK,IAAI,GAAG;AAAA,EAAK,CAAC,UACvC,SAAS,WAAW,KAAK;AAC3B;AAOC,MAAM,YAAY,CAAC,YAA8B,CAAC,SAAkB;AACzE,MAAI,QAAQ,SAAS,aAAc,QAAO;AAE1C,MAAI,KAAK,WAAY,QAAO;AAE5B,SAAO,CAAC,KAAK,cAAc,QAAQ,YAAY,SAAS,KAAK,UAAU;AACzE;AAMO,SAAS,cACd,QACA,YAA2B,CAAC,GAChB;AACZ,QAAM,SAAS,OAAO,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;AAEhE,YAAU,QAAQ,CAAC,EAAE,OAAO,OAAO,SAAS,MAAM,MAAM;AACtD,UAAM,QAAQ,OAAO,KAAK,CAAC,MAAM,EAAE,UAAU,KAAK;AAElD,QAAI,OAAO;AACT,UAAI,QAAS,OAAM,QAAQ,CAAC;AAE5B,YAAMA,MAAK,QAAQ,MAAM,MAAM,UAAU,CAAC,SAAS,KAAK,SAAS,KAAK,IAAI;AAE1E,UAAIA,QAAO,GAAI,OAAM,MAAM,KAAK,GAAG,KAAK;AAAA,UACnC,OAAM,MAAM,OAAOA,MAAK,GAAG,GAAG,GAAG,KAAK;AAE3C;AAAA,IACF;AAEA,UAAM,WAAW,OAAO,UAAU,CAAC,MAAM,EAAE,UAAU,UAAU;AAC/D,UAAM,KAAK,aAAa,KAAK,OAAO,SAAS;AAE7C,WAAO,OAAO,IAAI,GAAG,EAAE,OAAO,OAAO,OAAO,CAAC,GAAG,KAAK,EAAE,CAAC;AAAA,EAC1D,CAAC;AAED,SAAO;AACT;AAGO,SAAS,cACd,SACA,UAAwB,CAAC,GACzB,YAA2B,CAAC,GAChB;AACZ,QAAM,UAAU,UAAU,OAAO;AAEjC,SAAO,cAAc,YAAY,SAAS,EACvC,IAAI,CAAC,WAAW;AAAA,IACf,GAAG;AAAA,IACH,OAAO,MAAM,MAAM;AAAA,MACjB,CAAC,SACC,SAAS,SAAS,KAAK,MAAM,KAC7B,EAAE,KAAK,gBAAgB,SAAS,SAAS,KAAK,YAAY,MAC1D,QAAQ,IAAI;AAAA,IAChB;AAAA,EACF,EAAE,EACD,OAAO,CAAC,UAAU,MAAM,MAAM,MAAM;AACzC;","names":["at"]}

package/dist/admin/_shell/nav-fold.js

@@ -0,0 +1,14 @@
+const FOLDABLE_GROUPS = /* @__PURE__ */ new Set([
+  "Workspaces",
+  "Operations",
+  "Inbox",
+  "Platform"
+]);
+const foldsGroup = (label, rows, collapsed) => label !== null && FOLDABLE_GROUPS.has(label) && rows > 1 && !collapsed;
+const isGroupOpen = (choices, label, containsActive) => choices[label] ?? containsActive;
+export {
+  FOLDABLE_GROUPS,
+  foldsGroup,
+  isGroupOpen
+};
+//# sourceMappingURL=nav-fold.js.map

package/dist/admin/_shell/nav-fold.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_shell/nav-fold.ts"],"sourcesContent":["/**\n * Which sidebar groups fold, and which one is open. Pure, so it is tested\n * without a browser. The merchant rail's hubs follow the same rules.\n */\n\n/**\n * The groups the admin opened or closed by hand, by label. A group not listed\n * has no choice yet, and each group is chosen on its own.\n */\nexport type GroupChoices = Record<string, boolean>;\n\n/** The groups that fold; every other group keeps its plain heading. */\nexport const FOLDABLE_GROUPS: ReadonlySet<string> = new Set([\n  'Workspaces',\n  'Operations',\n  'Inbox',\n  'Platform',\n]);\n\n/**\n * A group folds only when it is one of those, has more than one row to hide,\n * and the rail is wide: the icon-only rail has no headings to press.\n */\nexport const foldsGroup = (\n  label: string | null,\n  rows: number,\n  collapsed: boolean,\n): label is string =>\n  label !== null && FOLDABLE_GROUPS.has(label) && rows > 1 && !collapsed;\n\n/**\n * A group the admin chose is as they left it, whatever the others are doing.\n * With no choice yet it is open when it owns the current page, so the page\n * you are on always has a lit row.\n */\nexport const isGroupOpen = (\n  choices: GroupChoices,\n  label: string,\n  containsActive: boolean,\n) => choices[label] ?? containsActive;\n"],"mappings":"AAYO,MAAM,kBAAuC,oBAAI,IAAI;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAMM,MAAM,aAAa,CACxB,OACA,MACA,cAEA,UAAU,QAAQ,gBAAgB,IAAI,KAAK,KAAK,OAAO,KAAK,CAAC;AAOxD,MAAM,cAAc,CACzB,SACA,OACA,mBACG,QAAQ,KAAK,KAAK;","names":[]}

package/dist/admin/_shell/nav-group.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
+import { useRouter } from "next/navigation";
+import { AnimatePresence, motion, useReducedMotion } from "motion/react";
+import { eases } from "@withpotter/lib/motion";
+import { isActive } from "./nav-filter";
+import { foldsGroup, isGroupOpen } from "./nav-fold";
+import { NavRow } from "./nav-row";
+import styles from "./sidebar.module.css";
+function NavGroupView({
+  group,
+  pathname,
+  collapsed,
+  canSupport,
+  choices,
+  onToggle,
+  badges
+}) {
+  const reduced = useReducedMotion();
+  const router = useRouter();
+  const { label, items } = group;
+  const containsActive = items.some((item) => isActive(item, pathname));
+  const rows = items.map((item) => /* @__PURE__ */ jsx(
+    NavRow,
+    {
+      item,
+      active: isActive(item, pathname),
+      collapsed,
+      canSupport,
+      badges
+    },
+    item.href
+  ));
+  if (!foldsGroup(label, items.length, collapsed))
+    return /* @__PURE__ */ jsxs("div", { className: styles.group, children: [
+      label && /* @__PURE__ */ jsx("div", { className: styles.groupLabel, children: label }),
+      rows
+    ] });
+  const open = isGroupOpen(choices, label, containsActive);
+  const warm = () => items.forEach((item) => router.prefetch(item.href));
+  return /* @__PURE__ */ jsxs("div", { className: `${styles.group} ${styles.groupFold}`, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: `${styles.groupLabel} ${styles.groupToggle}`,
+        "aria-expanded": open,
+        onPointerEnter: warm,
+        onFocus: warm,
+        onClick: () => onToggle(label, !open),
+        children: [
+          /* @__PURE__ */ jsx("span", { children: label }),
+          /* @__PURE__ */ jsx(ChevronDown, { size: 14, className: styles.groupChevron, "aria-hidden": true })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: open && /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        className: styles.groupRows,
+        initial: { height: 0, opacity: 0 },
+        animate: { height: "auto", opacity: 1 },
+        exit: { height: 0, opacity: 0 },
+        transition: reduced ? { duration: 0 } : {
+          height: { duration: 0.24, ease: eases.settle },
+          opacity: { duration: 0.16, ease: eases.out }
+        },
+        style: { overflow: "hidden" },
+        children: rows
+      }
+    ) })
+  ] });
+}
+export {
+  NavGroupView
+};
+//# sourceMappingURL=nav-group.js.map

package/dist/admin/_shell/nav-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_shell/nav-group.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentType } from 'react';\nimport { ChevronDown } from 'lucide-react';\nimport { useRouter } from 'next/navigation';\nimport { AnimatePresence, motion, useReducedMotion } from 'motion/react';\nimport { eases } from '@withpotter/lib/motion';\nimport type { NavGroup } from './nav-config';\nimport { isActive } from './nav-filter';\nimport { foldsGroup, isGroupOpen, type GroupChoices } from './nav-fold';\nimport { NavRow } from './nav-row';\nimport styles from './sidebar.module.css';\n\n/**\n * One sidebar group. With a heading and more than one row, the heading is a\n * button that opens and closes the rows, on its own: no other group moves.\n * The group holding the current page starts open, and the icon-only rail shows\n * every row.\n */\nexport function NavGroupView({\n  group,\n  pathname,\n  collapsed,\n  canSupport,\n  choices,\n  onToggle,\n  badges,\n}: {\n  group: NavGroup;\n  pathname: string;\n  collapsed: boolean;\n  canSupport: boolean;\n  choices: GroupChoices;\n  onToggle: (label: string, next: boolean) => void;\n  /** A mark beside a row, by the row's href (a count of what needs a decision). */\n  badges?: Record<string, ComponentType>;\n}) {\n  const reduced = useReducedMotion();\n  const router = useRouter();\n  const { label, items } = group;\n  const containsActive = items.some((item) => isActive(item, pathname));\n\n  const rows = items.map((item) => (\n    <NavRow\n      key={item.href}\n      item={item}\n      active={isActive(item, pathname)}\n      collapsed={collapsed}\n      canSupport={canSupport}\n      badges={badges}\n    />\n  ));\n\n  if (!foldsGroup(label, items.length, collapsed))\n    return (\n      <div className={styles.group}>\n        {label && <div className={styles.groupLabel}>{label}</div>}\n        {rows}\n      </div>\n    );\n\n  const open = isGroupOpen(choices, label, containsActive);\n\n  // A heading is only ever pressed on the way to one of its pages, and the\n  // pointer or focus arriving is the earliest sign of it, so warm them now.\n  const warm = () => items.forEach((item) => router.prefetch(item.href));\n\n  return (\n    <div className={`${styles.group} ${styles.groupFold}`}>\n      <button\n        type=\"button\"\n        className={`${styles.groupLabel} ${styles.groupToggle}`}\n        aria-expanded={open}\n        onPointerEnter={warm}\n        onFocus={warm}\n        onClick={() => onToggle(label, !open)}\n      >\n        <span>{label}</span>\n        <ChevronDown size={14} className={styles.groupChevron} aria-hidden />\n      </button>\n      {/* The rows grow and collapse rather than blink, as the merchant rail's\n          hubs do: height so the groups below move with them, opacity finishing\n          early on the way in. Clipped, or the rows spill past the closing box. */}\n      <AnimatePresence initial={false}>\n        {open && (\n          <motion.div\n            className={styles.groupRows}\n            initial={{ height: 0, opacity: 0 }}\n            animate={{ height: 'auto', opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            transition={\n              reduced\n                ? { duration: 0 }\n                : {\n                    height: { duration: 0.24, ease: eases.settle },\n                    opacity: { duration: 0.16, ease: eases.out },\n                  }\n            }\n            style={{ overflow: 'hidden' }}\n          >\n            {rows}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n}\n"],"mappings":";AA2CI,cAYE,YAZF;AAxCJ,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB,QAAQ,wBAAwB;AAC1D,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AACzB,SAAS,YAAY,mBAAsC;AAC3D,SAAS,cAAc;AACvB,OAAO,YAAY;AAQZ,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,QAAM,UAAU,iBAAiB;AACjC,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,OAAO,MAAM,IAAI;AACzB,QAAM,iBAAiB,MAAM,KAAK,CAAC,SAAS,SAAS,MAAM,QAAQ,CAAC;AAEpE,QAAM,OAAO,MAAM,IAAI,CAAC,SACtB;AAAA,IAAC;AAAA;AAAA,MAEC;AAAA,MACA,QAAQ,SAAS,MAAM,QAAQ;AAAA,MAC/B;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IALK,KAAK;AAAA,EAMZ,CACD;AAED,MAAI,CAAC,WAAW,OAAO,MAAM,QAAQ,SAAS;AAC5C,WACE,qBAAC,SAAI,WAAW,OAAO,OACpB;AAAA,eAAS,oBAAC,SAAI,WAAW,OAAO,YAAa,iBAAM;AAAA,MACnD;AAAA,OACH;AAGJ,QAAM,OAAO,YAAY,SAAS,OAAO,cAAc;AAIvD,QAAM,OAAO,MAAM,MAAM,QAAQ,CAAC,SAAS,OAAO,SAAS,KAAK,IAAI,CAAC;AAErE,SACE,qBAAC,SAAI,WAAW,GAAG,OAAO,KAAK,IAAI,OAAO,SAAS,IACjD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,GAAG,OAAO,UAAU,IAAI,OAAO,WAAW;AAAA,QACrD,iBAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,SAAS;AAAA,QACT,SAAS,MAAM,SAAS,OAAO,CAAC,IAAI;AAAA,QAEpC;AAAA,8BAAC,UAAM,iBAAM;AAAA,UACb,oBAAC,eAAY,MAAM,IAAI,WAAW,OAAO,cAAc,eAAW,MAAC;AAAA;AAAA;AAAA,IACrE;AAAA,IAIA,oBAAC,mBAAgB,SAAS,OACvB,kBACC;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAE;AAAA,QACjC,SAAS,EAAE,QAAQ,QAAQ,SAAS,EAAE;AAAA,QACtC,MAAM,EAAE,QAAQ,GAAG,SAAS,EAAE;AAAA,QAC9B,YACE,UACI,EAAE,UAAU,EAAE,IACd;AAAA,UACE,QAAQ,EAAE,UAAU,MAAM,MAAM,MAAM,OAAO;AAAA,UAC7C,SAAS,EAAE,UAAU,MAAM,MAAM,MAAM,IAAI;AAAA,QAC7C;AAAA,QAEN,OAAO,EAAE,UAAU,SAAS;AAAA,QAE3B;AAAA;AAAA,IACH,GAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/_shell/nav-modules.js

@@ -0,0 +1,36 @@
+const ADMIN_MODULES = [
+  "sales",
+  "verification",
+  "newsletters",
+  "wallets",
+  "withdrawals",
+  "pricing",
+  "pos",
+  "commerce",
+  "support",
+  "feedback",
+  "settings",
+  /** Reviews on its own, for a host that serves it before Product feedback. */
+  "reviews"
+];
+const ADMIN_FEATURES = [
+  /** "View as owner" / "View as user": opens the merchant dashboard as them. */
+  "ownerView",
+  /** Support's "Suggest reply": an AI draft, which needs a control-plane AI route. */
+  "supportDrafts",
+  /** Support's inbound address: merchants writing in by email, which needs inbound mail. */
+  "supportEmail",
+  /** "Open case" on a piece of feedback: the engine opens a support case from it. */
+  "feedbackCases",
+  /** Voice notes on admin-written prompts: the engine takes a merchant's recording. */
+  "feedbackVoice",
+  /** Product feedback's Prompts and Prompt answers, with the sentiment built from them. */
+  "feedbackPrompts"
+];
+const moduleOn = (modules, key) => !key || modules[key] === true;
+export {
+  ADMIN_FEATURES,
+  ADMIN_MODULES,
+  moduleOn
+};
+//# sourceMappingURL=nav-modules.js.map

package/dist/admin/_shell/nav-modules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_shell/nav-modules.ts"],"sourcesContent":["/**\n * Box admin modules that need endpoints a Box's engine may not serve yet.\n * Each is off until the host turns it on, so a module without its API is\n * never listed: no \"Coming soon\" row, no page that only says it failed to load.\n */\nexport const ADMIN_MODULES = [\n  'sales',\n  'verification',\n  'newsletters',\n  'wallets',\n  'withdrawals',\n  'pricing',\n  'pos',\n  'commerce',\n  'support',\n  'feedback',\n  'settings',\n  /** Reviews on its own, for a host that serves it before Product feedback. */\n  'reviews',\n] as const;\n\n/**\n * Switches for a feature inside pages, not a menu entry of their own; off\n * until the host turns them on, like the modules.\n */\nexport const ADMIN_FEATURES = [\n  /** \"View as owner\" / \"View as user\": opens the merchant dashboard as them. */\n  'ownerView',\n  /** Support's \"Suggest reply\": an AI draft, which needs a control-plane AI route. */\n  'supportDrafts',\n  /** Support's inbound address: merchants writing in by email, which needs inbound mail. */\n  'supportEmail',\n  /** \"Open case\" on a piece of feedback: the engine opens a support case from it. */\n  'feedbackCases',\n  /** Voice notes on admin-written prompts: the engine takes a merchant's recording. */\n  'feedbackVoice',\n  /** Product feedback's Prompts and Prompt answers, with the sentiment built from them. */\n  'feedbackPrompts',\n] as const;\n\nexport type AdminModule =\n  | (typeof ADMIN_MODULES)[number]\n  | (typeof ADMIN_FEATURES)[number];\n\n/** One entry per module: `true` once the engine serves it. Missing means off. */\nexport type AdminModules = Partial<Record<AdminModule, boolean>>;\n\nexport const moduleOn = (modules: AdminModules, key?: AdminModule) =>\n  !key || modules[key] === true;\n"],"mappings":"AAKO,MAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AACF;AAMO,MAAM,iBAAiB;AAAA;AAAA,EAE5B;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AACF;AASO,MAAM,WAAW,CAAC,SAAuB,QAC9C,CAAC,OAAO,QAAQ,GAAG,MAAM;","names":[]}

package/dist/admin/_shell/nav-row.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import {
+  TooltipContent,
+  TooltipProvider,
+  TooltipRoot,
+  TooltipTrigger
+} from "@withpotter/ui-kit/tooltip";
+import { NavBadge } from "../_inbox/nav-badge";
+import styles from "./sidebar.module.css";
+function RailTip({
+  label,
+  on,
+  children
+}) {
+  if (!on) return children;
+  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(TooltipRoot, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx(TooltipContent, { side: "right", className: "shadow-none", children: label })
+  ] }) });
+}
+function NavRow({
+  item,
+  active,
+  collapsed,
+  canSupport,
+  badges
+}) {
+  const Icon = item.icon;
+  const Badge = badges?.[item.href];
+  return /* @__PURE__ */ jsx(RailTip, { label: item.label, on: collapsed, children: /* @__PURE__ */ jsxs(
+    Link,
+    {
+      href: item.href,
+      className: styles.link,
+      "data-fluid-item": true,
+      "data-active": active,
+      "aria-current": active ? "page" : void 0,
+      "aria-label": collapsed ? item.label : void 0,
+      children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            size: 16,
+            strokeWidth: active ? 2 : 1.75,
+            className: styles.icon,
+            "aria-hidden": true
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: styles.linkText, children: /* @__PURE__ */ jsx("span", { className: styles.linkLabel, children: item.label }) }),
+        item.inbox && /* @__PURE__ */ jsx("span", { className: styles.badgeSlot, children: /* @__PURE__ */ jsx(NavBadge, { kind: item.inbox, canSupport }) }),
+        Badge && !item.inbox && /* @__PURE__ */ jsx("span", { className: styles.badgeSlot, children: /* @__PURE__ */ jsx(Badge, {}) })
+      ]
+    }
+  ) });
+}
+export {
+  NavRow,
+  RailTip
+};
+//# sourceMappingURL=nav-row.js.map

package/dist/admin/_shell/nav-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_shell/nav-row.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentType, ReactElement } from 'react';\nimport Link from 'next/link';\nimport {\n  TooltipContent,\n  TooltipProvider,\n  TooltipRoot,\n  TooltipTrigger,\n} from '@withpotter/ui-kit/tooltip';\nimport { NavBadge } from '../_inbox/nav-badge';\nimport type { NavItem } from './nav-config';\nimport styles from './sidebar.module.css';\n\n/**\n * The collapsed rail is icons only, so the name arrives as a tooltip on hover\n * and keyboard focus (the merchant rail's RailLabel, without the drop shadow).\n * Expanded, the visible label is the name and this passes straight through.\n */\nexport function RailTip({\n  label,\n  on,\n  children,\n}: {\n  label: string;\n  on: boolean;\n  children: ReactElement;\n}) {\n  if (!on) return children;\n\n  return (\n    <TooltipProvider delayDuration={200}>\n      <TooltipRoot>\n        <TooltipTrigger asChild>{children}</TooltipTrigger>\n        <TooltipContent side=\"right\" className=\"shadow-none\">\n          {label}\n        </TooltipContent>\n      </TooltipRoot>\n    </TooltipProvider>\n  );\n}\n\n/**\n * One sidebar row: a link to its page. A host can show its own count beside the label: `badges` maps\n * an item's href to a component that renders one `span` (it sits in the same slot as the inbox\n * count, so it is styled and moved to the corner in the collapsed rail the same way). An item that\n * has an inbox count keeps that count.\n */\nexport function NavRow({\n  item,\n  active,\n  collapsed,\n  canSupport,\n  badges,\n}: {\n  item: NavItem;\n  active: boolean;\n  collapsed: boolean;\n  canSupport: boolean;\n  badges?: Record<string, ComponentType>;\n}) {\n  const Icon = item.icon;\n  const Badge = badges?.[item.href];\n\n  return (\n    <RailTip label={item.label} on={collapsed}>\n      <Link\n        href={item.href}\n        className={styles.link}\n        data-fluid-item\n        data-active={active}\n        aria-current={active ? 'page' : undefined}\n        aria-label={collapsed ? item.label : undefined}\n      >\n        <Icon\n          size={16}\n          strokeWidth={active ? 2 : 1.75}\n          className={styles.icon}\n          aria-hidden\n        />\n        <span className={styles.linkText}>\n          <span className={styles.linkLabel}>{item.label}</span>\n        </span>\n        {item.inbox && (\n          <span className={styles.badgeSlot}>\n            <NavBadge kind={item.inbox} canSupport={canSupport} />\n          </span>\n        )}\n        {Badge && !item.inbox && (\n          <span className={styles.badgeSlot}>\n            <Badge />\n          </span>\n        )}\n      </Link>\n    </RailTip>\n  );\n}\n"],"mappings":";AAgCM,SACE,KADF;AA7BN,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AAEzB,OAAO,YAAY;AAOZ,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,CAAC,GAAI,QAAO;AAEhB,SACE,oBAAC,mBAAgB,eAAe,KAC9B,+BAAC,eACC;AAAA,wBAAC,kBAAe,SAAO,MAAE,UAAS;AAAA,IAClC,oBAAC,kBAAe,MAAK,SAAQ,WAAU,eACpC,iBACH;AAAA,KACF,GACF;AAEJ;AAQO,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,OAAO,KAAK;AAClB,QAAM,QAAQ,SAAS,KAAK,IAAI;AAEhC,SACE,oBAAC,WAAQ,OAAO,KAAK,OAAO,IAAI,WAC9B;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,KAAK;AAAA,MACX,WAAW,OAAO;AAAA,MAClB,mBAAe;AAAA,MACf,eAAa;AAAA,MACb,gBAAc,SAAS,SAAS;AAAA,MAChC,cAAY,YAAY,KAAK,QAAQ;AAAA,MAErC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,aAAa,SAAS,IAAI;AAAA,YAC1B,WAAW,OAAO;AAAA,YAClB,eAAW;AAAA;AAAA,QACb;AAAA,QACA,oBAAC,UAAK,WAAW,OAAO,UACtB,8BAAC,UAAK,WAAW,OAAO,WAAY,eAAK,OAAM,GACjD;AAAA,QACC,KAAK,SACJ,oBAAC,UAAK,WAAW,OAAO,WACtB,8BAAC,YAAS,MAAM,KAAK,OAAO,YAAwB,GACtD;AAAA,QAED,SAAS,CAAC,KAAK,SACd,oBAAC,UAAK,WAAW,OAAO,WACtB,8BAAC,SAAM,GACT;AAAA;AAAA;AAAA,EAEJ,GACF;AAEJ;","names":[]}