arnaudne/Epicure
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: developer access permission gates webhooks/API keys/BYOK (v0.71.0)

Browse Source 
Webhooks, self-serve API keys, and BYOK AI provider keys had zero
access gating -- any logged-in user, any tier. Adds users.isDeveloper
(boolean, admin-toggled in admin/users/[id] alongside role/tier),
checked via a single hasDeveloperAccess() (lib/permissions.ts) so a
future subscription-tier auto-grant is a one-line change there, not
a redesign across call sites.

requireDeveloper() (lib/api-auth.ts) wraps requireSession() with a
fresh isDeveloper check (same reasoning as requireAdmin re-querying
role: session.user's cookieCache can be up to 5 minutes stale) and
replaces requireSession in all 8 gated routes: webhooks CRUD +
deliveries + redeliver, api-keys CRUD, ai-keys CRUD.

Settings UI: the sidebar hides API Keys/Webhooks nav entries for
non-developers; those pages and the BYOK section of Settings -> AI
show a locked notice instead of the manager component when accessed
directly.

Migration grandfathers in anyone who already has a webhook, API key,
or BYOK key row -- ships as a new gate on existing features, not a
silent lockout of active integrations.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Arnaud
2026-07-22 09:49:07 +02:00
parent f0632cce95
commit eb99faf655
35 changed files with 6268 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/components/settings/settings-sidebar.tsx
+6 -2
View File
@@ -17,14 +17,18 @@ const NAV_ITEMS = [
{ href: "/settings/webhooks", key: "webhooks", icon: Webhook, exact: false },
] as const;
export function SettingsSidebar() {
const DEVELOPER_ONLY_KEYS = new Set(["apiKeys", "webhooks"]);
export function SettingsSidebar({ isDeveloper }: { isDeveloper: boolean }) {
const pathname = usePathname();
const t = useTranslations("settings");
const visibleItems = NAV_ITEMS.filter((item) => isDeveloper || !DEVELOPER_ONLY_KEYS.has(item.key));
return (
<nav className="w-full md:w-48 md:shrink-0 md:sticky md:top-6">
<ul className="flex overflow-x-auto gap-1 pb-2 -mx-4 px-4 md:mx-0 md:px-0 md:flex-col md:overflow-visible md:gap-0.5 md:pb-0 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">
{NAV_ITEMS.map(({ href, key, icon: Icon, exact }) => {
{visibleItems.map(({ href, key, icon: Icon, exact }) => {
const active = exact ? pathname === href : pathname.startsWith(href);
return (
<li key={href} className="shrink-0 md:shrink">