Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions CHANGELOG.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -10,6 +10,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Added
- Added AGENTS.md with Cursor Cloud development environment instructions. [#1001](https://github.com/sourcebot-dev/sourcebot/pull/1001)
- Added support for configuring SMTP via individual environment variables (SMTP_HOST, SMTP_PORT, SMTP_USERNAME, SMTP_PASSWORD) as an alternative to SMTP_CONNECTION_URL. [#1002](https://github.com/sourcebot-dev/sourcebot/pull/1002)
- Added `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` and `DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS` environment variables to restrict API key creation and usage to organization owners. [#1007](https://github.com/sourcebot-dev/sourcebot/pull/1007)

### Changed
- Deprecated `EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS` in favour of `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS`. The old variable will continue to work as a fallback. [#1007](https://github.com/sourcebot-dev/sourcebot/pull/1007)

## [4.15.6] - 2026-03-13

Expand Down
3 changes: 3 additions & 0 deletions docs/docs/configuration/environment-variables.mdx
Original file line numberDiff line numberDiff line change
Expand Up@@ -53,6 +53,9 @@ The following environment variables allow you to configure your Sourcebot deploy
| `PERMISSION_SYNC_REPO_DRIVEN_ENABLED` | `true` | <p>Enables/disables [repo-driven permission syncing](/docs/features/permission-syncing#how-it-works). Only applies when `PERMISSION_SYNC_ENABLED` is `true`.</p> |
| `EXPERIMENT_EE_PERMISSION_SYNC_ENABLED` **(deprecated)** | `false` | <p>Deprecated. Use `PERMISSION_SYNC_ENABLED` instead.</p> |
| `AUTH_EE_ALLOW_EMAIL_ACCOUNT_LINKING` | `true` | <p>When enabled, different SSO accounts with the same email address will automatically be linked.</p> |
| `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` | `false` | <p>When enabled, only organization owners can create API keys. Non-owner members will receive a `403` error if they attempt to create one.</p> |
| `EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS` **(deprecated)** | `false` | <p>Deprecated. Use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.</p> |
| `DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS` | `false` | <p>When enabled, only organization owners can create or use API keys. Non-owner members will receive a `403` error if they attempt to create or authenticate with an API key. If you only want to restrict creation (not usage), use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.</p> |


### Review Agent Environment Variables
Expand Down
15 changes: 14 additions & 1 deletion packages/shared/src/env.server.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -246,9 +246,22 @@ const options = {

SOURCEBOT_DEMO_EXAMPLES_PATH: z.string().optional(),

DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS: booleanSchema.default('false'),

DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS: booleanSchema
.optional()
.transform(value => {
return value ?? ((process.env.EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS as 'true' | 'false') ?? 'false');
}),

/**
* @deprecated Use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.
*/
EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS: booleanSchema.default('false'),


// Experimental Environment Variables
// @note: These environment variables are subject to change at any time and are not garunteed to be backwards compatible.
EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS: booleanSchema.default('false'),
EXPERIMENT_SELF_SERVE_REPO_INDEXING_ENABLED: booleanSchema.default('false'),
// @NOTE: Take care to update actions.ts when changing the name of this.
EXPERIMENT_SELF_SERVE_REPO_INDEXING_GITHUB_TOKEN: z.string().optional(),
Expand Down
15 changes: 14 additions & 1 deletion packages/web/src/actions.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -82,6 +82,19 @@ export const withAuth = async <T>(fn: (userId: string, apiKeyHash: string | unde
return notAuthenticated();
}

if (env.DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS === 'true') {
const membership = await prisma.userToOrg.findFirst({
where: { userId: user.id },
});
if (membership?.role !== OrgRole.OWNER) {
return {
statusCode: StatusCodes.FORBIDDEN,
errorCode: ErrorCode.API_KEY_USAGE_DISABLED,
message: "API key usage is disabled for non-admin users.",
} satisfies ServiceError;
}
}

await prisma.apiKey.update({
where: {
hash: apiKeyOrError.apiKey.hash,
Expand DownExpand Up@@ -312,7 +325,7 @@ export const verifyApiKey = async (apiKeyPayload: ApiKeyPayload): Promise<{ apiK
export const createApiKey = async (name: string, domain: string): Promise<{ key: string } | ServiceError> => sew(() =>
withAuth((userId) =>
withOrgMembership(userId, domain, async ({ org, userRole }) => {
if (env.EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS === 'true' && userRole !== OrgRole.OWNER) {
if ((env.DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS === 'true' || env.DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS === 'true') && userRole !== OrgRole.OWNER) {
logger.error(`API key creation is disabled for non-admin users. User ${userId} is not an owner.`);
return {
statusCode: StatusCodes.FORBIDDEN,
Expand Down
287 changes: 287 additions & 0 deletions packages/web/src/app/[domain]/settings/apiKeys/apiKeysPage.tsx
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,287 @@
'use client';

import { createApiKey, getUserApiKeys } from "@/actions";
import { Button } from "@/components/ui/button";
import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
import { Input } from "@/components/ui/input";
import { isServiceError } from "@/lib/utils";
import { Copy, Check, AlertTriangle, Loader2, Plus } from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react";
import { useDomain } from "@/hooks/useDomain";
import { useToast } from "@/components/hooks/use-toast";
import useCaptureEvent from "@/hooks/useCaptureEvent";
import { DataTable } from "@/components/ui/data-table";
import { columns, ApiKeyColumnInfo } from "./columns";
import { Skeleton } from "@/components/ui/skeleton";
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";

export function ApiKeysPage({ canCreateApiKey }: { canCreateApiKey: boolean }) {
const domain = useDomain();
const { toast } = useToast();
const captureEvent = useCaptureEvent();

const [apiKeys, setApiKeys] = useState<{ name: string; createdAt: Date; lastUsedAt: Date | null }[]>([]);
const [isLoading, setIsLoading] = useState(true);
const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);
const [newKeyName, setNewKeyName] = useState("");
const [isCreatingKey, setIsCreatingKey] = useState(false);
const [newlyCreatedKey, setNewlyCreatedKey] = useState<string | null>(null);
const [copySuccess, setCopySuccess] = useState(false);
const [error, setError] = useState<string | null>(null);

const loadApiKeys = useCallback(async () => {
setIsLoading(true);
setError(null);
try {
const keys = await getUserApiKeys(domain);
if (isServiceError(keys)) {
setError("Failed to load API keys");
toast({
title: "Error",
description: "Failed to load API keys",
variant: "destructive",
});
return;
}
setApiKeys(keys);
} catch (error) {
console.error(error);
setError("Failed to load API keys");
toast({
title: "Error",
description: "Failed to load API keys",
variant: "destructive",
});
} finally {
setIsLoading(false);
}
}, [domain, toast]);

useEffect(() => {
loadApiKeys();
}, [loadApiKeys]);

const handleCreateApiKey = async () => {
if (!newKeyName.trim()) {
toast({
title: "Error",
description: "API key name cannot be empty",
variant: "destructive",
});
return;
}

setIsCreatingKey(true);
try {
const result = await createApiKey(newKeyName.trim(), domain);
if (isServiceError(result)) {
toast({
title: "Error",
description: `Failed to create API key: ${result.message}`,
variant: "destructive",
});
captureEvent('wa_api_key_creation_fail', {});

return;
}

setNewlyCreatedKey(result.key);
await loadApiKeys();
captureEvent('wa_api_key_created', {});
} catch (error) {
console.error(error);
toast({
title: "Error",
description: `Failed to create API key: ${error}`,
variant: "destructive",
});
captureEvent('wa_api_key_creation_fail', {});
} finally {
setIsCreatingKey(false);
}
};

const handleCopyApiKey = () => {
if (!newlyCreatedKey) return;

navigator.clipboard.writeText(newlyCreatedKey)
.then(() => {
setCopySuccess(true);
setTimeout(() => setCopySuccess(false), 2000);
})
.catch(() => {
toast({
title: "Error",
description: "Failed to copy API key to clipboard",
variant: "destructive",
});
});
};

const handleCloseDialog = () => {
setIsCreateDialogOpen(false);
setNewKeyName("");
setNewlyCreatedKey(null);
setCopySuccess(false);
};

const tableData = useMemo(() => {
if (isLoading) return Array(4).fill(null).map(() => ({
name: "",
createdAt: "",
lastUsedAt: null,
}));

if (!apiKeys) return [];

return apiKeys.map((key): ApiKeyColumnInfo => ({
name: key.name,
createdAt: key.createdAt.toISOString(),
lastUsedAt: key.lastUsedAt?.toISOString() ?? null,
})).sort((a, b) => {
return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();
});
}, [apiKeys, isLoading]);

const tableColumns = useMemo(() => {
if (isLoading) {
return columns().map((column) => {
if ('accessorKey' in column && column.accessorKey === "name") {
return {
...column,
cell: () => (
<div className="flex items-center gap-2">
<Skeleton className="h-4 w-4 rounded-md" /> {/* Icon skeleton */}
<Skeleton className="h-4 w-48" /> {/* Name skeleton */}
</div>
),
}
}

return {
...column,
cell: () => <Skeleton className="h-4 w-24" />,
}
})
}

return columns();
}, [isLoading]);

if (error) {
return <div>Error loading API keys</div>;
}

return (
<div className="flex flex-col gap-6">
<div className="flex flex-row items-center justify-between">
<div>
<h3 className="text-lg font-medium">API Keys</h3>
<p className="text-sm text-muted-foreground max-w-lg">
Create and manage API keys for programmatic access to Sourcebot. All API keys are scoped to the user who created them.
</p>
</div>

<TooltipProvider>
<Tooltip>
{!canCreateApiKey && (
<TooltipContent>
API key creation is restricted.
</TooltipContent>
)}
<TooltipTrigger asChild>
<span className={!canCreateApiKey ? "cursor-not-allowed" : undefined}>
<Dialog open={isCreateDialogOpen} onOpenChange={setIsCreateDialogOpen}>
<DialogTrigger asChild>
<Button
disabled={!canCreateApiKey}
className={!canCreateApiKey ? "pointer-events-none" : undefined}
onClick={() => {
setNewlyCreatedKey(null);
setNewKeyName("");
setIsCreateDialogOpen(true);
}}
>
<Plus className="h-4 w-4 mr-2" />
Create API Key
</Button>
</DialogTrigger>
<DialogContent className="sm:max-w-md">
<DialogHeader>
<DialogTitle>{newlyCreatedKey ? 'Your New API Key' : 'Create API Key'}</DialogTitle>
</DialogHeader>

{newlyCreatedKey ? (
<div className="space-y-4">
<div className="flex items-center gap-2 p-3 border border-yellow-200 dark:border-yellow-800 bg-yellow-50 dark:bg-yellow-900/20 rounded-md text-yellow-700 dark:text-yellow-400">
<AlertTriangle className="h-5 w-5 flex-shrink-0" />
<p className="text-sm">
This is the only time you&apos;ll see this API key. Make sure to copy it now.
</p>
</div>

<div className="flex items-center space-x-2">
<div className="bg-muted p-2 rounded-md text-sm flex-1 break-all font-mono">
{newlyCreatedKey}
</div>
<Button
size="icon"
variant="outline"
onClick={handleCopyApiKey}
>
{copySuccess ? (
<Check className="h-4 w-4 text-green-500" />
) : (
<Copy className="h-4 w-4" />
)}
</Button>
</div>
</div>
) : (
<div className="py-4">
<Input
value={newKeyName}
onChange={(e) => setNewKeyName(e.target.value)}
placeholder="Enter a name for your API key"
className="mb-2"
/>
</div>
)}

<DialogFooter className="sm:justify-between">
{newlyCreatedKey ? (
<Button onClick={handleCloseDialog}>
Done
</Button>
) : (
<>
<Button variant="outline" onClick={handleCloseDialog}>
Cancel
</Button>
<Button
onClick={handleCreateApiKey}
disabled={isCreatingKey || !newKeyName.trim()}
>
{isCreatingKey && <Loader2 className="h-4 w-4 mr-2 animate-spin" />}
Create
</Button>
</>
)}
</DialogFooter>
</DialogContent>
</Dialog>
</span>
</TooltipTrigger>
</Tooltip>
</TooltipProvider>
</div>

<DataTable
columns={tableColumns}
data={tableData}
searchKey="name"
searchPlaceholder="Search API keys..."
/>
</div>
);
}
Loading
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions CHANGELOG.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -10,6 +10,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Added
- Added AGENTS.md with Cursor Cloud development environment instructions. [#1001](https://github.com/sourcebot-dev/sourcebot/pull/1001)
- Added support for configuring SMTP via individual environment variables (SMTP_HOST, SMTP_PORT, SMTP_USERNAME, SMTP_PASSWORD) as an alternative to SMTP_CONNECTION_URL. [#1002](https://github.com/sourcebot-dev/sourcebot/pull/1002)
- Added `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` and `DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS` environment variables to restrict API key creation and usage to organization owners. [#1007](https://github.com/sourcebot-dev/sourcebot/pull/1007)

### Changed
- Deprecated `EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS` in favour of `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS`. The old variable will continue to work as a fallback. [#1007](https://github.com/sourcebot-dev/sourcebot/pull/1007)

## [4.15.6] - 2026-03-13

Expand Down
3 changes: 3 additions & 0 deletions docs/docs/configuration/environment-variables.mdx
Original file line numberDiff line numberDiff line change
Expand Up@@ -53,6 +53,9 @@ The following environment variables allow you to configure your Sourcebot deploy
| `PERMISSION_SYNC_REPO_DRIVEN_ENABLED` | `true` | <p>Enables/disables [repo-driven permission syncing](/docs/features/permission-syncing#how-it-works). Only applies when `PERMISSION_SYNC_ENABLED` is `true`.</p> |
| `EXPERIMENT_EE_PERMISSION_SYNC_ENABLED` **(deprecated)** | `false` | <p>Deprecated. Use `PERMISSION_SYNC_ENABLED` instead.</p> |
| `AUTH_EE_ALLOW_EMAIL_ACCOUNT_LINKING` | `true` | <p>When enabled, different SSO accounts with the same email address will automatically be linked.</p> |
| `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` | `false` | <p>When enabled, only organization owners can create API keys. Non-owner members will receive a `403` error if they attempt to create one.</p> |
| `EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS` **(deprecated)** | `false` | <p>Deprecated. Use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.</p> |
| `DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS` | `false` | <p>When enabled, only organization owners can create or use API keys. Non-owner members will receive a `403` error if they attempt to create or authenticate with an API key. If you only want to restrict creation (not usage), use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.</p> |


### Review Agent Environment Variables
Expand Down
15 changes: 14 additions & 1 deletion packages/shared/src/env.server.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -246,9 +246,22 @@ const options = {

SOURCEBOT_DEMO_EXAMPLES_PATH: z.string().optional(),

DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS: booleanSchema.default('false'),

DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS: booleanSchema
.optional()
.transform(value => {
return value ?? ((process.env.EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS as 'true' | 'false') ?? 'false');
}),

/**
* @deprecated Use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.
*/
EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS: booleanSchema.default('false'),


// Experimental Environment Variables
// @note: These environment variables are subject to change at any time and are not garunteed to be backwards compatible.
EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS: booleanSchema.default('false'),
EXPERIMENT_SELF_SERVE_REPO_INDEXING_ENABLED: booleanSchema.default('false'),
// @NOTE: Take care to update actions.ts when changing the name of this.
EXPERIMENT_SELF_SERVE_REPO_INDEXING_GITHUB_TOKEN: z.string().optional(),
Expand Down
15 changes: 14 additions & 1 deletion packages/web/src/actions.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -82,6 +82,19 @@ export const withAuth = async <T>(fn: (userId: string, apiKeyHash: string | unde
return notAuthenticated();
}

if (env.DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS === 'true') {
const membership = await prisma.userToOrg.findFirst({
where: { userId: user.id },
});
if (membership?.role !== OrgRole.OWNER) {
return {
statusCode: StatusCodes.FORBIDDEN,
errorCode: ErrorCode.API_KEY_USAGE_DISABLED,
message: "API key usage is disabled for non-admin users.",
} satisfies ServiceError;
}
}

await prisma.apiKey.update({
where: {
hash: apiKeyOrError.apiKey.hash,
Expand DownExpand Up@@ -312,7 +325,7 @@ export const verifyApiKey = async (apiKeyPayload: ApiKeyPayload): Promise<{ apiK
export const createApiKey = async (name: string, domain: string): Promise<{ key: string } | ServiceError> => sew(() =>
withAuth((userId) =>
withOrgMembership(userId, domain, async ({ org, userRole }) => {
if (env.EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS === 'true' && userRole !== OrgRole.OWNER) {
if ((env.DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS === 'true' || env.DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS === 'true') && userRole !== OrgRole.OWNER) {
logger.error(`API key creation is disabled for non-admin users. User ${userId} is not an owner.`);
return {
statusCode: StatusCodes.FORBIDDEN,
Expand Down
287 changes: 287 additions & 0 deletions packages/web/src/app/[domain]/settings/apiKeys/apiKeysPage.tsx
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,287 @@
'use client';

import { createApiKey, getUserApiKeys } from "@/actions";
import { Button } from "@/components/ui/button";
import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
import { Input } from "@/components/ui/input";
import { isServiceError } from "@/lib/utils";
import { Copy, Check, AlertTriangle, Loader2, Plus } from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react";
import { useDomain } from "@/hooks/useDomain";
import { useToast } from "@/components/hooks/use-toast";
import useCaptureEvent from "@/hooks/useCaptureEvent";
import { DataTable } from "@/components/ui/data-table";
import { columns, ApiKeyColumnInfo } from "./columns";
import { Skeleton } from "@/components/ui/skeleton";
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";

export function ApiKeysPage({ canCreateApiKey }: { canCreateApiKey: boolean }) {
const domain = useDomain();
const { toast } = useToast();
const captureEvent = useCaptureEvent();

const [apiKeys, setApiKeys] = useState<{ name: string; createdAt: Date; lastUsedAt: Date | null }[]>([]);
const [isLoading, setIsLoading] = useState(true);
const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);
const [newKeyName, setNewKeyName] = useState("");
const [isCreatingKey, setIsCreatingKey] = useState(false);
const [newlyCreatedKey, setNewlyCreatedKey] = useState<string | null>(null);
const [copySuccess, setCopySuccess] = useState(false);
const [error, setError] = useState<string | null>(null);

const loadApiKeys = useCallback(async () => {
setIsLoading(true);
setError(null);
try {
const keys = await getUserApiKeys(domain);
if (isServiceError(keys)) {
setError("Failed to load API keys");
toast({
title: "Error",
description: "Failed to load API keys",
variant: "destructive",
});
return;
}
setApiKeys(keys);
} catch (error) {
console.error(error);
setError("Failed to load API keys");
toast({
title: "Error",
description: "Failed to load API keys",
variant: "destructive",
});
} finally {
setIsLoading(false);
}
}, [domain, toast]);

useEffect(() => {
loadApiKeys();
}, [loadApiKeys]);

const handleCreateApiKey = async () => {
if (!newKeyName.trim()) {
toast({
title: "Error",
description: "API key name cannot be empty",
variant: "destructive",
});
return;
}

setIsCreatingKey(true);
try {
const result = await createApiKey(newKeyName.trim(), domain);
if (isServiceError(result)) {
toast({
title: "Error",
description: `Failed to create API key: ${result.message}`,
variant: "destructive",
});
captureEvent('wa_api_key_creation_fail', {});

return;
}

setNewlyCreatedKey(result.key);
await loadApiKeys();
captureEvent('wa_api_key_created', {});
} catch (error) {
console.error(error);
toast({
title: "Error",
description: `Failed to create API key: ${error}`,
variant: "destructive",
});
captureEvent('wa_api_key_creation_fail', {});
} finally {
setIsCreatingKey(false);
}
};

const handleCopyApiKey = () => {
if (!newlyCreatedKey) return;

navigator.clipboard.writeText(newlyCreatedKey)
.then(() => {
setCopySuccess(true);
setTimeout(() => setCopySuccess(false), 2000);
})
.catch(() => {
toast({
title: "Error",
description: "Failed to copy API key to clipboard",
variant: "destructive",
});
});
};

const handleCloseDialog = () => {
setIsCreateDialogOpen(false);
setNewKeyName("");
setNewlyCreatedKey(null);
setCopySuccess(false);
};

const tableData = useMemo(() => {
if (isLoading) return Array(4).fill(null).map(() => ({
name: "",
createdAt: "",
lastUsedAt: null,
}));

if (!apiKeys) return [];

return apiKeys.map((key): ApiKeyColumnInfo => ({
name: key.name,
createdAt: key.createdAt.toISOString(),
lastUsedAt: key.lastUsedAt?.toISOString() ?? null,
})).sort((a, b) => {
return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();
});
}, [apiKeys, isLoading]);

const tableColumns = useMemo(() => {
if (isLoading) {
return columns().map((column) => {
if ('accessorKey' in column && column.accessorKey === "name") {
return {
...column,
cell: () => (
<div className="flex items-center gap-2">
<Skeleton className="h-4 w-4 rounded-md" /> {/* Icon skeleton */}
<Skeleton className="h-4 w-48" /> {/* Name skeleton */}
</div>
),
}
}

return {
...column,
cell: () => <Skeleton className="h-4 w-24" />,
}
})
}

return columns();
}, [isLoading]);

if (error) {
return <div>Error loading API keys</div>;
}

return (
<div className="flex flex-col gap-6">
<div className="flex flex-row items-center justify-between">
<div>
<h3 className="text-lg font-medium">API Keys</h3>
<p className="text-sm text-muted-foreground max-w-lg">
Create and manage API keys for programmatic access to Sourcebot. All API keys are scoped to the user who created them.
</p>
</div>

<TooltipProvider>
<Tooltip>
{!canCreateApiKey && (
<TooltipContent>
API key creation is restricted.
</TooltipContent>
)}
<TooltipTrigger asChild>
<span className={!canCreateApiKey ? "cursor-not-allowed" : undefined}>
<Dialog open={isCreateDialogOpen} onOpenChange={setIsCreateDialogOpen}>
<DialogTrigger asChild>
<Button
disabled={!canCreateApiKey}
className={!canCreateApiKey ? "pointer-events-none" : undefined}
onClick={() => {
setNewlyCreatedKey(null);
setNewKeyName("");
setIsCreateDialogOpen(true);
}}
>
<Plus className="h-4 w-4 mr-2" />
Create API Key
</Button>
</DialogTrigger>
<DialogContent className="sm:max-w-md">
<DialogHeader>
<DialogTitle>{newlyCreatedKey ? 'Your New API Key' : 'Create API Key'}</DialogTitle>
</DialogHeader>

{newlyCreatedKey ? (
<div className="space-y-4">
<div className="flex items-center gap-2 p-3 border border-yellow-200 dark:border-yellow-800 bg-yellow-50 dark:bg-yellow-900/20 rounded-md text-yellow-700 dark:text-yellow-400">
<AlertTriangle className="h-5 w-5 flex-shrink-0" />
<p className="text-sm">
This is the only time you&apos;ll see this API key. Make sure to copy it now.
</p>
</div>

<div className="flex items-center space-x-2">
<div className="bg-muted p-2 rounded-md text-sm flex-1 break-all font-mono">
{newlyCreatedKey}
</div>
<Button
size="icon"
variant="outline"
onClick={handleCopyApiKey}
>
{copySuccess ? (
<Check className="h-4 w-4 text-green-500" />
) : (
<Copy className="h-4 w-4" />
)}
</Button>
</div>
</div>
) : (
<div className="py-4">
<Input
value={newKeyName}
onChange={(e) => setNewKeyName(e.target.value)}
placeholder="Enter a name for your API key"
className="mb-2"
/>
</div>
)}

<DialogFooter className="sm:justify-between">
{newlyCreatedKey ? (
<Button onClick={handleCloseDialog}>
Done
</Button>
) : (
<>
<Button variant="outline" onClick={handleCloseDialog}>
Cancel
</Button>
<Button
onClick={handleCreateApiKey}
disabled={isCreatingKey || !newKeyName.trim()}
>
{isCreatingKey && <Loader2 className="h-4 w-4 mr-2 animate-spin" />}
Create
</Button>
</>
)}
</DialogFooter>
</DialogContent>
</Dialog>
</span>
</TooltipTrigger>
</Tooltip>
</TooltipProvider>
</div>

<DataTable
columns={tableColumns}
data={tableData}
searchKey="name"
searchPlaceholder="Search API keys..."
/>
</div>
);
}
Loading
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions CHANGELOG.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -10,6 +10,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Added
- Added AGENTS.md with Cursor Cloud development environment instructions. [#1001](https://github.com/sourcebot-dev/sourcebot/pull/1001)
- Added support for configuring SMTP via individual environment variables (SMTP_HOST, SMTP_PORT, SMTP_USERNAME, SMTP_PASSWORD) as an alternative to SMTP_CONNECTION_URL. [#1002](https://github.com/sourcebot-dev/sourcebot/pull/1002)
- Added `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` and `DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS` environment variables to restrict API key creation and usage to organization owners. [#1007](https://github.com/sourcebot-dev/sourcebot/pull/1007)

### Changed
- Deprecated `EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS` in favour of `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS`. The old variable will continue to work as a fallback. [#1007](https://github.com/sourcebot-dev/sourcebot/pull/1007)

## [4.15.6] - 2026-03-13

Expand Down
3 changes: 3 additions & 0 deletions docs/docs/configuration/environment-variables.mdx
Original file line numberDiff line numberDiff line change
Expand Up@@ -53,6 +53,9 @@ The following environment variables allow you to configure your Sourcebot deploy
| `PERMISSION_SYNC_REPO_DRIVEN_ENABLED` | `true` | <p>Enables/disables [repo-driven permission syncing](/docs/features/permission-syncing#how-it-works). Only applies when `PERMISSION_SYNC_ENABLED` is `true`.</p> |
| `EXPERIMENT_EE_PERMISSION_SYNC_ENABLED` **(deprecated)** | `false` | <p>Deprecated. Use `PERMISSION_SYNC_ENABLED` instead.</p> |
| `AUTH_EE_ALLOW_EMAIL_ACCOUNT_LINKING` | `true` | <p>When enabled, different SSO accounts with the same email address will automatically be linked.</p> |
| `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` | `false` | <p>When enabled, only organization owners can create API keys. Non-owner members will receive a `403` error if they attempt to create one.</p> |
| `EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS` **(deprecated)** | `false` | <p>Deprecated. Use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.</p> |
| `DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS` | `false` | <p>When enabled, only organization owners can create or use API keys. Non-owner members will receive a `403` error if they attempt to create or authenticate with an API key. If you only want to restrict creation (not usage), use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.</p> |


### Review Agent Environment Variables
Expand Down
15 changes: 14 additions & 1 deletion packages/shared/src/env.server.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -246,9 +246,22 @@ const options = {

SOURCEBOT_DEMO_EXAMPLES_PATH: z.string().optional(),

DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS: booleanSchema.default('false'),

DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS: booleanSchema
.optional()
.transform(value => {
return value ?? ((process.env.EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS as 'true' | 'false') ?? 'false');
}),

/**
* @deprecated Use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.
*/
EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS: booleanSchema.default('false'),


// Experimental Environment Variables
// @note: These environment variables are subject to change at any time and are not garunteed to be backwards compatible.
EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS: booleanSchema.default('false'),
EXPERIMENT_SELF_SERVE_REPO_INDEXING_ENABLED: booleanSchema.default('false'),
// @NOTE: Take care to update actions.ts when changing the name of this.
EXPERIMENT_SELF_SERVE_REPO_INDEXING_GITHUB_TOKEN: z.string().optional(),
Expand Down
15 changes: 14 additions & 1 deletion packages/web/src/actions.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -82,6 +82,19 @@ export const withAuth = async <T>(fn: (userId: string, apiKeyHash: string | unde
return notAuthenticated();
}

if (env.DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS === 'true') {
const membership = await prisma.userToOrg.findFirst({
where: { userId: user.id },
});
if (membership?.role !== OrgRole.OWNER) {
return {
statusCode: StatusCodes.FORBIDDEN,
errorCode: ErrorCode.API_KEY_USAGE_DISABLED,
message: "API key usage is disabled for non-admin users.",
} satisfies ServiceError;
}
}

await prisma.apiKey.update({
where: {
hash: apiKeyOrError.apiKey.hash,
Expand DownExpand Up@@ -312,7 +325,7 @@ export const verifyApiKey = async (apiKeyPayload: ApiKeyPayload): Promise<{ apiK
export const createApiKey = async (name: string, domain: string): Promise<{ key: string } | ServiceError> => sew(() =>
withAuth((userId) =>
withOrgMembership(userId, domain, async ({ org, userRole }) => {
if (env.EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS === 'true' && userRole !== OrgRole.OWNER) {
if ((env.DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS === 'true' || env.DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS === 'true') && userRole !== OrgRole.OWNER) {
logger.error(`API key creation is disabled for non-admin users. User ${userId} is not an owner.`);
return {
statusCode: StatusCodes.FORBIDDEN,
Expand Down
287 changes: 287 additions & 0 deletions packages/web/src/app/[domain]/settings/apiKeys/apiKeysPage.tsx
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,287 @@
'use client';

import { createApiKey, getUserApiKeys } from "@/actions";
import { Button } from "@/components/ui/button";
import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
import { Input } from "@/components/ui/input";
import { isServiceError } from "@/lib/utils";
import { Copy, Check, AlertTriangle, Loader2, Plus } from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react";
import { useDomain } from "@/hooks/useDomain";
import { useToast } from "@/components/hooks/use-toast";
import useCaptureEvent from "@/hooks/useCaptureEvent";
import { DataTable } from "@/components/ui/data-table";
import { columns, ApiKeyColumnInfo } from "./columns";
import { Skeleton } from "@/components/ui/skeleton";
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";

export function ApiKeysPage({ canCreateApiKey }: { canCreateApiKey: boolean }) {
const domain = useDomain();
const { toast } = useToast();
const captureEvent = useCaptureEvent();

const [apiKeys, setApiKeys] = useState<{ name: string; createdAt: Date; lastUsedAt: Date | null }[]>([]);
const [isLoading, setIsLoading] = useState(true);
const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);
const [newKeyName, setNewKeyName] = useState("");
const [isCreatingKey, setIsCreatingKey] = useState(false);
const [newlyCreatedKey, setNewlyCreatedKey] = useState<string | null>(null);
const [copySuccess, setCopySuccess] = useState(false);
const [error, setError] = useState<string | null>(null);

const loadApiKeys = useCallback(async () => {
setIsLoading(true);
setError(null);
try {
const keys = await getUserApiKeys(domain);
if (isServiceError(keys)) {
setError("Failed to load API keys");
toast({
title: "Error",
description: "Failed to load API keys",
variant: "destructive",
});
return;
}
setApiKeys(keys);
} catch (error) {
console.error(error);
setError("Failed to load API keys");
toast({
title: "Error",
description: "Failed to load API keys",
variant: "destructive",
});
} finally {
setIsLoading(false);
}
}, [domain, toast]);

useEffect(() => {
loadApiKeys();
}, [loadApiKeys]);

const handleCreateApiKey = async () => {
if (!newKeyName.trim()) {
toast({
title: "Error",
description: "API key name cannot be empty",
variant: "destructive",
});
return;
}

setIsCreatingKey(true);
try {
const result = await createApiKey(newKeyName.trim(), domain);
if (isServiceError(result)) {
toast({
title: "Error",
description: `Failed to create API key: ${result.message}`,
variant: "destructive",
});
captureEvent('wa_api_key_creation_fail', {});

return;
}

setNewlyCreatedKey(result.key);
await loadApiKeys();
captureEvent('wa_api_key_created', {});
} catch (error) {
console.error(error);
toast({
title: "Error",
description: `Failed to create API key: ${error}`,
variant: "destructive",
});
captureEvent('wa_api_key_creation_fail', {});
} finally {
setIsCreatingKey(false);
}
};

const handleCopyApiKey = () => {
if (!newlyCreatedKey) return;

navigator.clipboard.writeText(newlyCreatedKey)
.then(() => {
setCopySuccess(true);
setTimeout(() => setCopySuccess(false), 2000);
})
.catch(() => {
toast({
title: "Error",
description: "Failed to copy API key to clipboard",
variant: "destructive",
});
});
};

const handleCloseDialog = () => {
setIsCreateDialogOpen(false);
setNewKeyName("");
setNewlyCreatedKey(null);
setCopySuccess(false);
};

const tableData = useMemo(() => {
if (isLoading) return Array(4).fill(null).map(() => ({
name: "",
createdAt: "",
lastUsedAt: null,
}));

if (!apiKeys) return [];

return apiKeys.map((key): ApiKeyColumnInfo => ({
name: key.name,
createdAt: key.createdAt.toISOString(),
lastUsedAt: key.lastUsedAt?.toISOString() ?? null,
})).sort((a, b) => {
return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();
});
}, [apiKeys, isLoading]);

const tableColumns = useMemo(() => {
if (isLoading) {
return columns().map((column) => {
if ('accessorKey' in column && column.accessorKey === "name") {
return {
...column,
cell: () => (
<div className="flex items-center gap-2">
<Skeleton className="h-4 w-4 rounded-md" /> {/* Icon skeleton */}
<Skeleton className="h-4 w-48" /> {/* Name skeleton */}
</div>
),
}
}

return {
...column,
cell: () => <Skeleton className="h-4 w-24" />,
}
})
}

return columns();
}, [isLoading]);

if (error) {
return <div>Error loading API keys</div>;
}

return (
<div className="flex flex-col gap-6">
<div className="flex flex-row items-center justify-between">
<div>
<h3 className="text-lg font-medium">API Keys</h3>
<p className="text-sm text-muted-foreground max-w-lg">
Create and manage API keys for programmatic access to Sourcebot. All API keys are scoped to the user who created them.
</p>
</div>

<TooltipProvider>
<Tooltip>
{!canCreateApiKey && (
<TooltipContent>
API key creation is restricted.
</TooltipContent>
)}
<TooltipTrigger asChild>
<span className={!canCreateApiKey ? "cursor-not-allowed" : undefined}>
<Dialog open={isCreateDialogOpen} onOpenChange={setIsCreateDialogOpen}>
<DialogTrigger asChild>
<Button
disabled={!canCreateApiKey}
className={!canCreateApiKey ? "pointer-events-none" : undefined}
onClick={() => {
setNewlyCreatedKey(null);
setNewKeyName("");
setIsCreateDialogOpen(true);
}}
>
<Plus className="h-4 w-4 mr-2" />
Create API Key
</Button>
</DialogTrigger>
<DialogContent className="sm:max-w-md">
<DialogHeader>
<DialogTitle>{newlyCreatedKey ? 'Your New API Key' : 'Create API Key'}</DialogTitle>
</DialogHeader>

{newlyCreatedKey ? (
<div className="space-y-4">
<div className="flex items-center gap-2 p-3 border border-yellow-200 dark:border-yellow-800 bg-yellow-50 dark:bg-yellow-900/20 rounded-md text-yellow-700 dark:text-yellow-400">
<AlertTriangle className="h-5 w-5 flex-shrink-0" />
<p className="text-sm">
This is the only time you&apos;ll see this API key. Make sure to copy it now.
</p>
</div>

<div className="flex items-center space-x-2">
<div className="bg-muted p-2 rounded-md text-sm flex-1 break-all font-mono">
{newlyCreatedKey}
</div>
<Button
size="icon"
variant="outline"
onClick={handleCopyApiKey}
>
{copySuccess ? (
<Check className="h-4 w-4 text-green-500" />
) : (
<Copy className="h-4 w-4" />
)}
</Button>
</div>
</div>
) : (
<div className="py-4">
<Input
value={newKeyName}
onChange={(e) => setNewKeyName(e.target.value)}
placeholder="Enter a name for your API key"
className="mb-2"
/>
</div>
)}

<DialogFooter className="sm:justify-between">
{newlyCreatedKey ? (
<Button onClick={handleCloseDialog}>
Done
</Button>
) : (
<>
<Button variant="outline" onClick={handleCloseDialog}>
Cancel
</Button>
<Button
onClick={handleCreateApiKey}
disabled={isCreatingKey || !newKeyName.trim()}
>
{isCreatingKey && <Loader2 className="h-4 w-4 mr-2 animate-spin" />}
Create
</Button>
</>
)}
</DialogFooter>
</DialogContent>
</Dialog>
</span>
</TooltipTrigger>
</Tooltip>
</TooltipProvider>
</div>

<DataTable
columns={tableColumns}
data={tableData}
searchKey="name"
searchPlaceholder="Search API keys..."
/>
</div>
);
}
Loading
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions CHANGELOG.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -10,6 +10,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Added
- Added AGENTS.md with Cursor Cloud development environment instructions. [#1001](https://github.com/sourcebot-dev/sourcebot/pull/1001)
- Added support for configuring SMTP via individual environment variables (SMTP_HOST, SMTP_PORT, SMTP_USERNAME, SMTP_PASSWORD) as an alternative to SMTP_CONNECTION_URL. [#1002](https://github.com/sourcebot-dev/sourcebot/pull/1002)
- Added `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` and `DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS` environment variables to restrict API key creation and usage to organization owners. [#1007](https://github.com/sourcebot-dev/sourcebot/pull/1007)

### Changed
- Deprecated `EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS` in favour of `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS`. The old variable will continue to work as a fallback. [#1007](https://github.com/sourcebot-dev/sourcebot/pull/1007)

## [4.15.6] - 2026-03-13

Expand Down
3 changes: 3 additions & 0 deletions docs/docs/configuration/environment-variables.mdx
Original file line numberDiff line numberDiff line change
Expand Up@@ -53,6 +53,9 @@ The following environment variables allow you to configure your Sourcebot deploy
| `PERMISSION_SYNC_REPO_DRIVEN_ENABLED` | `true` | <p>Enables/disables [repo-driven permission syncing](/docs/features/permission-syncing#how-it-works). Only applies when `PERMISSION_SYNC_ENABLED` is `true`.</p> |
| `EXPERIMENT_EE_PERMISSION_SYNC_ENABLED` **(deprecated)** | `false` | <p>Deprecated. Use `PERMISSION_SYNC_ENABLED` instead.</p> |
| `AUTH_EE_ALLOW_EMAIL_ACCOUNT_LINKING` | `true` | <p>When enabled, different SSO accounts with the same email address will automatically be linked.</p> |
| `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` | `false` | <p>When enabled, only organization owners can create API keys. Non-owner members will receive a `403` error if they attempt to create one.</p> |
| `EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS` **(deprecated)** | `false` | <p>Deprecated. Use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.</p> |
| `DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS` | `false` | <p>When enabled, only organization owners can create or use API keys. Non-owner members will receive a `403` error if they attempt to create or authenticate with an API key. If you only want to restrict creation (not usage), use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.</p> |


### Review Agent Environment Variables
Expand Down
15 changes: 14 additions & 1 deletion packages/shared/src/env.server.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -246,9 +246,22 @@ const options = {

SOURCEBOT_DEMO_EXAMPLES_PATH: z.string().optional(),

DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS: booleanSchema.default('false'),

DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS: booleanSchema
.optional()
.transform(value => {
return value ?? ((process.env.EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS as 'true' | 'false') ?? 'false');
}),

/**
* @deprecated Use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.
*/
EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS: booleanSchema.default('false'),


// Experimental Environment Variables
// @note: These environment variables are subject to change at any time and are not garunteed to be backwards compatible.
EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS: booleanSchema.default('false'),
EXPERIMENT_SELF_SERVE_REPO_INDEXING_ENABLED: booleanSchema.default('false'),
// @NOTE: Take care to update actions.ts when changing the name of this.
EXPERIMENT_SELF_SERVE_REPO_INDEXING_GITHUB_TOKEN: z.string().optional(),
Expand Down
15 changes: 14 additions & 1 deletion packages/web/src/actions.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -82,6 +82,19 @@ export const withAuth = async <T>(fn: (userId: string, apiKeyHash: string | unde
return notAuthenticated();
}

if (env.DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS === 'true') {
const membership = await prisma.userToOrg.findFirst({
where: { userId: user.id },
});
if (membership?.role !== OrgRole.OWNER) {
return {
statusCode: StatusCodes.FORBIDDEN,
errorCode: ErrorCode.API_KEY_USAGE_DISABLED,
message: "API key usage is disabled for non-admin users.",
} satisfies ServiceError;
}
}

await prisma.apiKey.update({
where: {
hash: apiKeyOrError.apiKey.hash,
Expand DownExpand Up@@ -312,7 +325,7 @@ export const verifyApiKey = async (apiKeyPayload: ApiKeyPayload): Promise<{ apiK
export const createApiKey = async (name: string, domain: string): Promise<{ key: string } | ServiceError> => sew(() =>
withAuth((userId) =>
withOrgMembership(userId, domain, async ({ org, userRole }) => {
if (env.EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS === 'true' && userRole !== OrgRole.OWNER) {
if ((env.DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS === 'true' || env.DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS === 'true') && userRole !== OrgRole.OWNER) {
logger.error(`API key creation is disabled for non-admin users. User ${userId} is not an owner.`);
return {
statusCode: StatusCodes.FORBIDDEN,
Expand Down
287 changes: 287 additions & 0 deletions packages/web/src/app/[domain]/settings/apiKeys/apiKeysPage.tsx
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,287 @@
'use client';

import { createApiKey, getUserApiKeys } from "@/actions";
import { Button } from "@/components/ui/button";
import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
import { Input } from "@/components/ui/input";
import { isServiceError } from "@/lib/utils";
import { Copy, Check, AlertTriangle, Loader2, Plus } from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react";
import { useDomain } from "@/hooks/useDomain";
import { useToast } from "@/components/hooks/use-toast";
import useCaptureEvent from "@/hooks/useCaptureEvent";
import { DataTable } from "@/components/ui/data-table";
import { columns, ApiKeyColumnInfo } from "./columns";
import { Skeleton } from "@/components/ui/skeleton";
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";

export function ApiKeysPage({ canCreateApiKey }: { canCreateApiKey: boolean }) {
const domain = useDomain();
const { toast } = useToast();
const captureEvent = useCaptureEvent();

const [apiKeys, setApiKeys] = useState<{ name: string; createdAt: Date; lastUsedAt: Date | null }[]>([]);
const [isLoading, setIsLoading] = useState(true);
const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);
const [newKeyName, setNewKeyName] = useState("");
const [isCreatingKey, setIsCreatingKey] = useState(false);
const [newlyCreatedKey, setNewlyCreatedKey] = useState<string | null>(null);
const [copySuccess, setCopySuccess] = useState(false);
const [error, setError] = useState<string | null>(null);

const loadApiKeys = useCallback(async () => {
setIsLoading(true);
setError(null);
try {
const keys = await getUserApiKeys(domain);
if (isServiceError(keys)) {
setError("Failed to load API keys");
toast({
title: "Error",
description: "Failed to load API keys",
variant: "destructive",
});
return;
}
setApiKeys(keys);
} catch (error) {
console.error(error);
setError("Failed to load API keys");
toast({
title: "Error",
description: "Failed to load API keys",
variant: "destructive",
});
} finally {
setIsLoading(false);
}
}, [domain, toast]);

useEffect(() => {
loadApiKeys();
}, [loadApiKeys]);

const handleCreateApiKey = async () => {
if (!newKeyName.trim()) {
toast({
title: "Error",
description: "API key name cannot be empty",
variant: "destructive",
});
return;
}

setIsCreatingKey(true);
try {
const result = await createApiKey(newKeyName.trim(), domain);
if (isServiceError(result)) {
toast({
title: "Error",
description: `Failed to create API key: ${result.message}`,
variant: "destructive",
});
captureEvent('wa_api_key_creation_fail', {});

return;
}

setNewlyCreatedKey(result.key);
await loadApiKeys();
captureEvent('wa_api_key_created', {});
} catch (error) {
console.error(error);
toast({
title: "Error",
description: `Failed to create API key: ${error}`,
variant: "destructive",
});
captureEvent('wa_api_key_creation_fail', {});
} finally {
setIsCreatingKey(false);
}
};

const handleCopyApiKey = () => {
if (!newlyCreatedKey) return;

navigator.clipboard.writeText(newlyCreatedKey)
.then(() => {
setCopySuccess(true);
setTimeout(() => setCopySuccess(false), 2000);
})
.catch(() => {
toast({
title: "Error",
description: "Failed to copy API key to clipboard",
variant: "destructive",
});
});
};

const handleCloseDialog = () => {
setIsCreateDialogOpen(false);
setNewKeyName("");
setNewlyCreatedKey(null);
setCopySuccess(false);
};

const tableData = useMemo(() => {
if (isLoading) return Array(4).fill(null).map(() => ({
name: "",
createdAt: "",
lastUsedAt: null,
}));

if (!apiKeys) return [];

return apiKeys.map((key): ApiKeyColumnInfo => ({
name: key.name,
createdAt: key.createdAt.toISOString(),
lastUsedAt: key.lastUsedAt?.toISOString() ?? null,
})).sort((a, b) => {
return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();
});
}, [apiKeys, isLoading]);

const tableColumns = useMemo(() => {
if (isLoading) {
return columns().map((column) => {
if ('accessorKey' in column && column.accessorKey === "name") {
return {
...column,
cell: () => (
<div className="flex items-center gap-2">
<Skeleton className="h-4 w-4 rounded-md" /> {/* Icon skeleton */}
<Skeleton className="h-4 w-48" /> {/* Name skeleton */}
</div>
),
}
}

return {
...column,
cell: () => <Skeleton className="h-4 w-24" />,
}
})
}

return columns();
}, [isLoading]);

if (error) {
return <div>Error loading API keys</div>;
}

return (
<div className="flex flex-col gap-6">
<div className="flex flex-row items-center justify-between">
<div>
<h3 className="text-lg font-medium">API Keys</h3>
<p className="text-sm text-muted-foreground max-w-lg">
Create and manage API keys for programmatic access to Sourcebot. All API keys are scoped to the user who created them.
</p>
</div>

<TooltipProvider>
<Tooltip>
{!canCreateApiKey && (
<TooltipContent>
API key creation is restricted.
</TooltipContent>
)}
<TooltipTrigger asChild>
<span className={!canCreateApiKey ? "cursor-not-allowed" : undefined}>
<Dialog open={isCreateDialogOpen} onOpenChange={setIsCreateDialogOpen}>
<DialogTrigger asChild>
<Button
disabled={!canCreateApiKey}
className={!canCreateApiKey ? "pointer-events-none" : undefined}
onClick={() => {
setNewlyCreatedKey(null);
setNewKeyName("");
setIsCreateDialogOpen(true);
}}
>
<Plus className="h-4 w-4 mr-2" />
Create API Key
</Button>
</DialogTrigger>
<DialogContent className="sm:max-w-md">
<DialogHeader>
<DialogTitle>{newlyCreatedKey ? 'Your New API Key' : 'Create API Key'}</DialogTitle>
</DialogHeader>

{newlyCreatedKey ? (
<div className="space-y-4">
<div className="flex items-center gap-2 p-3 border border-yellow-200 dark:border-yellow-800 bg-yellow-50 dark:bg-yellow-900/20 rounded-md text-yellow-700 dark:text-yellow-400">
<AlertTriangle className="h-5 w-5 flex-shrink-0" />
<p className="text-sm">
This is the only time you&apos;ll see this API key. Make sure to copy it now.
</p>
</div>

<div className="flex items-center space-x-2">
<div className="bg-muted p-2 rounded-md text-sm flex-1 break-all font-mono">
{newlyCreatedKey}
</div>
<Button
size="icon"
variant="outline"
onClick={handleCopyApiKey}
>
{copySuccess ? (
<Check className="h-4 w-4 text-green-500" />
) : (
<Copy className="h-4 w-4" />
)}
</Button>
</div>
</div>
) : (
<div className="py-4">
<Input
value={newKeyName}
onChange={(e) => setNewKeyName(e.target.value)}
placeholder="Enter a name for your API key"
className="mb-2"
/>
</div>
)}

<DialogFooter className="sm:justify-between">
{newlyCreatedKey ? (
<Button onClick={handleCloseDialog}>
Done
</Button>
) : (
<>
<Button variant="outline" onClick={handleCloseDialog}>
Cancel
</Button>
<Button
onClick={handleCreateApiKey}
disabled={isCreatingKey || !newKeyName.trim()}
>
{isCreatingKey && <Loader2 className="h-4 w-4 mr-2 animate-spin" />}
Create
</Button>
</>
)}
</DialogFooter>
</DialogContent>
</Dialog>
</span>
</TooltipTrigger>
</Tooltip>
</TooltipProvider>
</div>

<DataTable
columns={tableColumns}
data={tableData}
searchKey="name"
searchPlaceholder="Search API keys..."
/>
</div>
);
}
Loading
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions CHANGELOG.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -10,6 +10,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Added
- Added AGENTS.md with Cursor Cloud development environment instructions. [#1001](https://github.com/sourcebot-dev/sourcebot/pull/1001)
- Added support for configuring SMTP via individual environment variables (SMTP_HOST, SMTP_PORT, SMTP_USERNAME, SMTP_PASSWORD) as an alternative to SMTP_CONNECTION_URL. [#1002](https://github.com/sourcebot-dev/sourcebot/pull/1002)
- Added `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` and `DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS` environment variables to restrict API key creation and usage to organization owners. [#1007](https://github.com/sourcebot-dev/sourcebot/pull/1007)

### Changed
- Deprecated `EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS` in favour of `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS`. The old variable will continue to work as a fallback. [#1007](https://github.com/sourcebot-dev/sourcebot/pull/1007)

## [4.15.6] - 2026-03-13

Expand Down
3 changes: 3 additions & 0 deletions docs/docs/configuration/environment-variables.mdx
Original file line numberDiff line numberDiff line change
Expand Up@@ -53,6 +53,9 @@ The following environment variables allow you to configure your Sourcebot deploy
| `PERMISSION_SYNC_REPO_DRIVEN_ENABLED` | `true` | <p>Enables/disables [repo-driven permission syncing](/docs/features/permission-syncing#how-it-works). Only applies when `PERMISSION_SYNC_ENABLED` is `true`.</p> |
| `EXPERIMENT_EE_PERMISSION_SYNC_ENABLED` **(deprecated)** | `false` | <p>Deprecated. Use `PERMISSION_SYNC_ENABLED` instead.</p> |
| `AUTH_EE_ALLOW_EMAIL_ACCOUNT_LINKING` | `true` | <p>When enabled, different SSO accounts with the same email address will automatically be linked.</p> |
| `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` | `false` | <p>When enabled, only organization owners can create API keys. Non-owner members will receive a `403` error if they attempt to create one.</p> |
| `EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS` **(deprecated)** | `false` | <p>Deprecated. Use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.</p> |
| `DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS` | `false` | <p>When enabled, only organization owners can create or use API keys. Non-owner members will receive a `403` error if they attempt to create or authenticate with an API key. If you only want to restrict creation (not usage), use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.</p> |


### Review Agent Environment Variables
Expand Down
15 changes: 14 additions & 1 deletion packages/shared/src/env.server.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -246,9 +246,22 @@ const options = {

SOURCEBOT_DEMO_EXAMPLES_PATH: z.string().optional(),

DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS: booleanSchema.default('false'),

DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS: booleanSchema
.optional()
.transform(value => {
return value ?? ((process.env.EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS as 'true' | 'false') ?? 'false');
}),

/**
* @deprecated Use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.
*/
EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS: booleanSchema.default('false'),


// Experimental Environment Variables
// @note: These environment variables are subject to change at any time and are not garunteed to be backwards compatible.
EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS: booleanSchema.default('false'),
EXPERIMENT_SELF_SERVE_REPO_INDEXING_ENABLED: booleanSchema.default('false'),
// @NOTE: Take care to update actions.ts when changing the name of this.
EXPERIMENT_SELF_SERVE_REPO_INDEXING_GITHUB_TOKEN: z.string().optional(),
Expand Down
15 changes: 14 additions & 1 deletion packages/web/src/actions.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -82,6 +82,19 @@ export const withAuth = async <T>(fn: (userId: string, apiKeyHash: string | unde
return notAuthenticated();
}

if (env.DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS === 'true') {
const membership = await prisma.userToOrg.findFirst({
where: { userId: user.id },
});
if (membership?.role !== OrgRole.OWNER) {
return {
statusCode: StatusCodes.FORBIDDEN,
errorCode: ErrorCode.API_KEY_USAGE_DISABLED,
message: "API key usage is disabled for non-admin users.",
} satisfies ServiceError;
}
}

await prisma.apiKey.update({
where: {
hash: apiKeyOrError.apiKey.hash,
Expand DownExpand Up@@ -312,7 +325,7 @@ export const verifyApiKey = async (apiKeyPayload: ApiKeyPayload): Promise<{ apiK
export const createApiKey = async (name: string, domain: string): Promise<{ key: string } | ServiceError> => sew(() =>
withAuth((userId) =>
withOrgMembership(userId, domain, async ({ org, userRole }) => {
if (env.EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS === 'true' && userRole !== OrgRole.OWNER) {
if ((env.DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS === 'true' || env.DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS === 'true') && userRole !== OrgRole.OWNER) {
logger.error(`API key creation is disabled for non-admin users. User ${userId} is not an owner.`);
return {
statusCode: StatusCodes.FORBIDDEN,
Expand Down
287 changes: 287 additions & 0 deletions packages/web/src/app/[domain]/settings/apiKeys/apiKeysPage.tsx
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,287 @@
'use client';

import { createApiKey, getUserApiKeys } from "@/actions";
import { Button } from "@/components/ui/button";
import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
import { Input } from "@/components/ui/input";
import { isServiceError } from "@/lib/utils";
import { Copy, Check, AlertTriangle, Loader2, Plus } from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react";
import { useDomain } from "@/hooks/useDomain";
import { useToast } from "@/components/hooks/use-toast";
import useCaptureEvent from "@/hooks/useCaptureEvent";
import { DataTable } from "@/components/ui/data-table";
import { columns, ApiKeyColumnInfo } from "./columns";
import { Skeleton } from "@/components/ui/skeleton";
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";

export function ApiKeysPage({ canCreateApiKey }: { canCreateApiKey: boolean }) {
const domain = useDomain();
const { toast } = useToast();
const captureEvent = useCaptureEvent();

const [apiKeys, setApiKeys] = useState<{ name: string; createdAt: Date; lastUsedAt: Date | null }[]>([]);
const [isLoading, setIsLoading] = useState(true);
const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);
const [newKeyName, setNewKeyName] = useState("");
const [isCreatingKey, setIsCreatingKey] = useState(false);
const [newlyCreatedKey, setNewlyCreatedKey] = useState<string | null>(null);
const [copySuccess, setCopySuccess] = useState(false);
const [error, setError] = useState<string | null>(null);

const loadApiKeys = useCallback(async () => {
setIsLoading(true);
setError(null);
try {
const keys = await getUserApiKeys(domain);
if (isServiceError(keys)) {
setError("Failed to load API keys");
toast({
title: "Error",
description: "Failed to load API keys",
variant: "destructive",
});
return;
}
setApiKeys(keys);
} catch (error) {
console.error(error);
setError("Failed to load API keys");
toast({
title: "Error",
description: "Failed to load API keys",
variant: "destructive",
});
} finally {
setIsLoading(false);
}
}, [domain, toast]);

useEffect(() => {
loadApiKeys();
}, [loadApiKeys]);

const handleCreateApiKey = async () => {
if (!newKeyName.trim()) {
toast({
title: "Error",
description: "API key name cannot be empty",
variant: "destructive",
});
return;
}

setIsCreatingKey(true);
try {
const result = await createApiKey(newKeyName.trim(), domain);
if (isServiceError(result)) {
toast({
title: "Error",
description: `Failed to create API key: ${result.message}`,
variant: "destructive",
});
captureEvent('wa_api_key_creation_fail', {});

return;
}

setNewlyCreatedKey(result.key);
await loadApiKeys();
captureEvent('wa_api_key_created', {});
} catch (error) {
console.error(error);
toast({
title: "Error",
description: `Failed to create API key: ${error}`,
variant: "destructive",
});
captureEvent('wa_api_key_creation_fail', {});
} finally {
setIsCreatingKey(false);
}
};

const handleCopyApiKey = () => {
if (!newlyCreatedKey) return;

navigator.clipboard.writeText(newlyCreatedKey)
.then(() => {
setCopySuccess(true);
setTimeout(() => setCopySuccess(false), 2000);
})
.catch(() => {
toast({
title: "Error",
description: "Failed to copy API key to clipboard",
variant: "destructive",
});
});
};

const handleCloseDialog = () => {
setIsCreateDialogOpen(false);
setNewKeyName("");
setNewlyCreatedKey(null);
setCopySuccess(false);
};

const tableData = useMemo(() => {
if (isLoading) return Array(4).fill(null).map(() => ({
name: "",
createdAt: "",
lastUsedAt: null,
}));

if (!apiKeys) return [];

return apiKeys.map((key): ApiKeyColumnInfo => ({
name: key.name,
createdAt: key.createdAt.toISOString(),
lastUsedAt: key.lastUsedAt?.toISOString() ?? null,
})).sort((a, b) => {
return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();
});
}, [apiKeys, isLoading]);

const tableColumns = useMemo(() => {
if (isLoading) {
return columns().map((column) => {
if ('accessorKey' in column && column.accessorKey === "name") {
return {
...column,
cell: () => (
<div className="flex items-center gap-2">
<Skeleton className="h-4 w-4 rounded-md" /> {/* Icon skeleton */}
<Skeleton className="h-4 w-48" /> {/* Name skeleton */}
</div>
),
}
}

return {
...column,
cell: () => <Skeleton className="h-4 w-24" />,
}
})
}

return columns();
}, [isLoading]);

if (error) {
return <div>Error loading API keys</div>;
}

return (
<div className="flex flex-col gap-6">
<div className="flex flex-row items-center justify-between">
<div>
<h3 className="text-lg font-medium">API Keys</h3>
<p className="text-sm text-muted-foreground max-w-lg">
Create and manage API keys for programmatic access to Sourcebot. All API keys are scoped to the user who created them.
</p>
</div>

<TooltipProvider>
<Tooltip>
{!canCreateApiKey && (
<TooltipContent>
API key creation is restricted.
</TooltipContent>
)}
<TooltipTrigger asChild>
<span className={!canCreateApiKey ? "cursor-not-allowed" : undefined}>
<Dialog open={isCreateDialogOpen} onOpenChange={setIsCreateDialogOpen}>
<DialogTrigger asChild>
<Button
disabled={!canCreateApiKey}
className={!canCreateApiKey ? "pointer-events-none" : undefined}
onClick={() => {
setNewlyCreatedKey(null);
setNewKeyName("");
setIsCreateDialogOpen(true);
}}
>
<Plus className="h-4 w-4 mr-2" />
Create API Key
</Button>
</DialogTrigger>
<DialogContent className="sm:max-w-md">
<DialogHeader>
<DialogTitle>{newlyCreatedKey ? 'Your New API Key' : 'Create API Key'}</DialogTitle>
</DialogHeader>

{newlyCreatedKey ? (
<div className="space-y-4">
<div className="flex items-center gap-2 p-3 border border-yellow-200 dark:border-yellow-800 bg-yellow-50 dark:bg-yellow-900/20 rounded-md text-yellow-700 dark:text-yellow-400">
<AlertTriangle className="h-5 w-5 flex-shrink-0" />
<p className="text-sm">
This is the only time you&apos;ll see this API key. Make sure to copy it now.
</p>
</div>

<div className="flex items-center space-x-2">
<div className="bg-muted p-2 rounded-md text-sm flex-1 break-all font-mono">
{newlyCreatedKey}
</div>
<Button
size="icon"
variant="outline"
onClick={handleCopyApiKey}
>
{copySuccess ? (
<Check className="h-4 w-4 text-green-500" />
) : (
<Copy className="h-4 w-4" />
)}
</Button>
</div>
</div>
) : (
<div className="py-4">
<Input
value={newKeyName}
onChange={(e) => setNewKeyName(e.target.value)}
placeholder="Enter a name for your API key"
className="mb-2"
/>
</div>
)}

<DialogFooter className="sm:justify-between">
{newlyCreatedKey ? (
<Button onClick={handleCloseDialog}>
Done
</Button>
) : (
<>
<Button variant="outline" onClick={handleCloseDialog}>
Cancel
</Button>
<Button
onClick={handleCreateApiKey}
disabled={isCreatingKey || !newKeyName.trim()}
>
{isCreatingKey && <Loader2 className="h-4 w-4 mr-2 animate-spin" />}
Create
</Button>
</>
)}
</DialogFooter>
</DialogContent>
</Dialog>
</span>
</TooltipTrigger>
</Tooltip>
</TooltipProvider>
</div>

<DataTable
columns={tableColumns}
data={tableData}
searchKey="name"
searchPlaceholder="Search API keys..."
/>
</div>
);
}
Loading
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions CHANGELOG.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -10,6 +10,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Added
- Added AGENTS.md with Cursor Cloud development environment instructions. [#1001](https://github.com/sourcebot-dev/sourcebot/pull/1001)
- Added support for configuring SMTP via individual environment variables (SMTP_HOST, SMTP_PORT, SMTP_USERNAME, SMTP_PASSWORD) as an alternative to SMTP_CONNECTION_URL. [#1002](https://github.com/sourcebot-dev/sourcebot/pull/1002)
- Added `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` and `DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS` environment variables to restrict API key creation and usage to organization owners. [#1007](https://github.com/sourcebot-dev/sourcebot/pull/1007)

### Changed
- Deprecated `EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS` in favour of `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS`. The old variable will continue to work as a fallback. [#1007](https://github.com/sourcebot-dev/sourcebot/pull/1007)

## [4.15.6] - 2026-03-13

Expand Down
3 changes: 3 additions & 0 deletions docs/docs/configuration/environment-variables.mdx
Original file line numberDiff line numberDiff line change
Expand Up@@ -53,6 +53,9 @@ The following environment variables allow you to configure your Sourcebot deploy
| `PERMISSION_SYNC_REPO_DRIVEN_ENABLED` | `true` | <p>Enables/disables [repo-driven permission syncing](/docs/features/permission-syncing#how-it-works). Only applies when `PERMISSION_SYNC_ENABLED` is `true`.</p> |
| `EXPERIMENT_EE_PERMISSION_SYNC_ENABLED` **(deprecated)** | `false` | <p>Deprecated. Use `PERMISSION_SYNC_ENABLED` instead.</p> |
| `AUTH_EE_ALLOW_EMAIL_ACCOUNT_LINKING` | `true` | <p>When enabled, different SSO accounts with the same email address will automatically be linked.</p> |
| `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` | `false` | <p>When enabled, only organization owners can create API keys. Non-owner members will receive a `403` error if they attempt to create one.</p> |
| `EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS` **(deprecated)** | `false` | <p>Deprecated. Use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.</p> |
| `DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS` | `false` | <p>When enabled, only organization owners can create or use API keys. Non-owner members will receive a `403` error if they attempt to create or authenticate with an API key. If you only want to restrict creation (not usage), use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.</p> |


### Review Agent Environment Variables
Expand Down
15 changes: 14 additions & 1 deletion packages/shared/src/env.server.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -246,9 +246,22 @@ const options = {

SOURCEBOT_DEMO_EXAMPLES_PATH: z.string().optional(),

DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS: booleanSchema.default('false'),

DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS: booleanSchema
.optional()
.transform(value => {
return value ?? ((process.env.EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS as 'true' | 'false') ?? 'false');
}),

/**
* @deprecated Use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.
*/
EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS: booleanSchema.default('false'),


// Experimental Environment Variables
// @note: These environment variables are subject to change at any time and are not garunteed to be backwards compatible.
EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS: booleanSchema.default('false'),
EXPERIMENT_SELF_SERVE_REPO_INDEXING_ENABLED: booleanSchema.default('false'),
// @NOTE: Take care to update actions.ts when changing the name of this.
EXPERIMENT_SELF_SERVE_REPO_INDEXING_GITHUB_TOKEN: z.string().optional(),
Expand Down
15 changes: 14 additions & 1 deletion packages/web/src/actions.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -82,6 +82,19 @@ export const withAuth = async <T>(fn: (userId: string, apiKeyHash: string | unde
return notAuthenticated();
}

if (env.DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS === 'true') {
const membership = await prisma.userToOrg.findFirst({
where: { userId: user.id },
});
if (membership?.role !== OrgRole.OWNER) {
return {
statusCode: StatusCodes.FORBIDDEN,
errorCode: ErrorCode.API_KEY_USAGE_DISABLED,
message: "API key usage is disabled for non-admin users.",
} satisfies ServiceError;
}
}

await prisma.apiKey.update({
where: {
hash: apiKeyOrError.apiKey.hash,
Expand DownExpand Up@@ -312,7 +325,7 @@ export const verifyApiKey = async (apiKeyPayload: ApiKeyPayload): Promise<{ apiK
export const createApiKey = async (name: string, domain: string): Promise<{ key: string } | ServiceError> => sew(() =>
withAuth((userId) =>
withOrgMembership(userId, domain, async ({ org, userRole }) => {
if (env.EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS === 'true' && userRole !== OrgRole.OWNER) {
if ((env.DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS === 'true' || env.DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS === 'true') && userRole !== OrgRole.OWNER) {
logger.error(`API key creation is disabled for non-admin users. User ${userId} is not an owner.`);
return {
statusCode: StatusCodes.FORBIDDEN,
Expand Down
287 changes: 287 additions & 0 deletions packages/web/src/app/[domain]/settings/apiKeys/apiKeysPage.tsx
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,287 @@
'use client';

import { createApiKey, getUserApiKeys } from "@/actions";
import { Button } from "@/components/ui/button";
import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
import { Input } from "@/components/ui/input";
import { isServiceError } from "@/lib/utils";
import { Copy, Check, AlertTriangle, Loader2, Plus } from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react";
import { useDomain } from "@/hooks/useDomain";
import { useToast } from "@/components/hooks/use-toast";
import useCaptureEvent from "@/hooks/useCaptureEvent";
import { DataTable } from "@/components/ui/data-table";
import { columns, ApiKeyColumnInfo } from "./columns";
import { Skeleton } from "@/components/ui/skeleton";
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";

export function ApiKeysPage({ canCreateApiKey }: { canCreateApiKey: boolean }) {
const domain = useDomain();
const { toast } = useToast();
const captureEvent = useCaptureEvent();

const [apiKeys, setApiKeys] = useState<{ name: string; createdAt: Date; lastUsedAt: Date | null }[]>([]);
const [isLoading, setIsLoading] = useState(true);
const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);
const [newKeyName, setNewKeyName] = useState("");
const [isCreatingKey, setIsCreatingKey] = useState(false);
const [newlyCreatedKey, setNewlyCreatedKey] = useState<string | null>(null);
const [copySuccess, setCopySuccess] = useState(false);
const [error, setError] = useState<string | null>(null);

const loadApiKeys = useCallback(async () => {
setIsLoading(true);
setError(null);
try {
const keys = await getUserApiKeys(domain);
if (isServiceError(keys)) {
setError("Failed to load API keys");
toast({
title: "Error",
description: "Failed to load API keys",
variant: "destructive",
});
return;
}
setApiKeys(keys);
} catch (error) {
console.error(error);
setError("Failed to load API keys");
toast({
title: "Error",
description: "Failed to load API keys",
variant: "destructive",
});
} finally {
setIsLoading(false);
}
}, [domain, toast]);

useEffect(() => {
loadApiKeys();
}, [loadApiKeys]);

const handleCreateApiKey = async () => {
if (!newKeyName.trim()) {
toast({
title: "Error",
description: "API key name cannot be empty",
variant: "destructive",
});
return;
}

setIsCreatingKey(true);
try {
const result = await createApiKey(newKeyName.trim(), domain);
if (isServiceError(result)) {
toast({
title: "Error",
description: `Failed to create API key: ${result.message}`,
variant: "destructive",
});
captureEvent('wa_api_key_creation_fail', {});

return;
}

setNewlyCreatedKey(result.key);
await loadApiKeys();
captureEvent('wa_api_key_created', {});
} catch (error) {
console.error(error);
toast({
title: "Error",
description: `Failed to create API key: ${error}`,
variant: "destructive",
});
captureEvent('wa_api_key_creation_fail', {});
} finally {
setIsCreatingKey(false);
}
};

const handleCopyApiKey = () => {
if (!newlyCreatedKey) return;

navigator.clipboard.writeText(newlyCreatedKey)
.then(() => {
setCopySuccess(true);
setTimeout(() => setCopySuccess(false), 2000);
})
.catch(() => {
toast({
title: "Error",
description: "Failed to copy API key to clipboard",
variant: "destructive",
});
});
};

const handleCloseDialog = () => {
setIsCreateDialogOpen(false);
setNewKeyName("");
setNewlyCreatedKey(null);
setCopySuccess(false);
};

const tableData = useMemo(() => {
if (isLoading) return Array(4).fill(null).map(() => ({
name: "",
createdAt: "",
lastUsedAt: null,
}));

if (!apiKeys) return [];

return apiKeys.map((key): ApiKeyColumnInfo => ({
name: key.name,
createdAt: key.createdAt.toISOString(),
lastUsedAt: key.lastUsedAt?.toISOString() ?? null,
})).sort((a, b) => {
return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();
});
}, [apiKeys, isLoading]);

const tableColumns = useMemo(() => {
if (isLoading) {
return columns().map((column) => {
if ('accessorKey' in column && column.accessorKey === "name") {
return {
...column,
cell: () => (
<div className="flex items-center gap-2">
<Skeleton className="h-4 w-4 rounded-md" /> {/* Icon skeleton */}
<Skeleton className="h-4 w-48" /> {/* Name skeleton */}
</div>
),
}
}

return {
...column,
cell: () => <Skeleton className="h-4 w-24" />,
}
})
}

return columns();
}, [isLoading]);

if (error) {
return <div>Error loading API keys</div>;
}

return (
<div className="flex flex-col gap-6">
<div className="flex flex-row items-center justify-between">
<div>
<h3 className="text-lg font-medium">API Keys</h3>
<p className="text-sm text-muted-foreground max-w-lg">
Create and manage API keys for programmatic access to Sourcebot. All API keys are scoped to the user who created them.
</p>
</div>

<TooltipProvider>
<Tooltip>
{!canCreateApiKey && (
<TooltipContent>
API key creation is restricted.
</TooltipContent>
)}
<TooltipTrigger asChild>
<span className={!canCreateApiKey ? "cursor-not-allowed" : undefined}>
<Dialog open={isCreateDialogOpen} onOpenChange={setIsCreateDialogOpen}>
<DialogTrigger asChild>
<Button
disabled={!canCreateApiKey}
className={!canCreateApiKey ? "pointer-events-none" : undefined}
onClick={() => {
setNewlyCreatedKey(null);
setNewKeyName("");
setIsCreateDialogOpen(true);
}}
>
<Plus className="h-4 w-4 mr-2" />
Create API Key
</Button>
</DialogTrigger>
<DialogContent className="sm:max-w-md">
<DialogHeader>
<DialogTitle>{newlyCreatedKey ? 'Your New API Key' : 'Create API Key'}</DialogTitle>
</DialogHeader>

{newlyCreatedKey ? (
<div className="space-y-4">
<div className="flex items-center gap-2 p-3 border border-yellow-200 dark:border-yellow-800 bg-yellow-50 dark:bg-yellow-900/20 rounded-md text-yellow-700 dark:text-yellow-400">
<AlertTriangle className="h-5 w-5 flex-shrink-0" />
<p className="text-sm">
This is the only time you&apos;ll see this API key. Make sure to copy it now.
</p>
</div>

<div className="flex items-center space-x-2">
<div className="bg-muted p-2 rounded-md text-sm flex-1 break-all font-mono">
{newlyCreatedKey}
</div>
<Button
size="icon"
variant="outline"
onClick={handleCopyApiKey}
>
{copySuccess ? (
<Check className="h-4 w-4 text-green-500" />
) : (
<Copy className="h-4 w-4" />
)}
</Button>
</div>
</div>
) : (
<div className="py-4">
<Input
value={newKeyName}
onChange={(e) => setNewKeyName(e.target.value)}
placeholder="Enter a name for your API key"
className="mb-2"
/>
</div>
)}

<DialogFooter className="sm:justify-between">
{newlyCreatedKey ? (
<Button onClick={handleCloseDialog}>
Done
</Button>
) : (
<>
<Button variant="outline" onClick={handleCloseDialog}>
Cancel
</Button>
<Button
onClick={handleCreateApiKey}
disabled={isCreatingKey || !newKeyName.trim()}
>
{isCreatingKey && <Loader2 className="h-4 w-4 mr-2 animate-spin" />}
Create
</Button>
</>
)}
</DialogFooter>
</DialogContent>
</Dialog>
</span>
</TooltipTrigger>
</Tooltip>
</TooltipProvider>
</div>

<DataTable
columns={tableColumns}
data={tableData}
searchKey="name"
searchPlaceholder="Search API keys..."
/>
</div>
);
}
Loading
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions CHANGELOG.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -10,6 +10,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Added
- Added AGENTS.md with Cursor Cloud development environment instructions. [#1001](https://github.com/sourcebot-dev/sourcebot/pull/1001)
- Added support for configuring SMTP via individual environment variables (SMTP_HOST, SMTP_PORT, SMTP_USERNAME, SMTP_PASSWORD) as an alternative to SMTP_CONNECTION_URL. [#1002](https://github.com/sourcebot-dev/sourcebot/pull/1002)
- Added `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` and `DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS` environment variables to restrict API key creation and usage to organization owners. [#1007](https://github.com/sourcebot-dev/sourcebot/pull/1007)

### Changed
- Deprecated `EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS` in favour of `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS`. The old variable will continue to work as a fallback. [#1007](https://github.com/sourcebot-dev/sourcebot/pull/1007)

## [4.15.6] - 2026-03-13

Expand Down
3 changes: 3 additions & 0 deletions docs/docs/configuration/environment-variables.mdx
Original file line numberDiff line numberDiff line change
Expand Up@@ -53,6 +53,9 @@ The following environment variables allow you to configure your Sourcebot deploy
| `PERMISSION_SYNC_REPO_DRIVEN_ENABLED` | `true` | <p>Enables/disables [repo-driven permission syncing](/docs/features/permission-syncing#how-it-works). Only applies when `PERMISSION_SYNC_ENABLED` is `true`.</p> |
| `EXPERIMENT_EE_PERMISSION_SYNC_ENABLED` **(deprecated)** | `false` | <p>Deprecated. Use `PERMISSION_SYNC_ENABLED` instead.</p> |
| `AUTH_EE_ALLOW_EMAIL_ACCOUNT_LINKING` | `true` | <p>When enabled, different SSO accounts with the same email address will automatically be linked.</p> |
| `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` | `false` | <p>When enabled, only organization owners can create API keys. Non-owner members will receive a `403` error if they attempt to create one.</p> |
| `EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS` **(deprecated)** | `false` | <p>Deprecated. Use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.</p> |
| `DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS` | `false` | <p>When enabled, only organization owners can create or use API keys. Non-owner members will receive a `403` error if they attempt to create or authenticate with an API key. If you only want to restrict creation (not usage), use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.</p> |


### Review Agent Environment Variables
Expand Down
15 changes: 14 additions & 1 deletion packages/shared/src/env.server.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -246,9 +246,22 @@ const options = {

SOURCEBOT_DEMO_EXAMPLES_PATH: z.string().optional(),

DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS: booleanSchema.default('false'),

DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS: booleanSchema
.optional()
.transform(value => {
return value ?? ((process.env.EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS as 'true' | 'false') ?? 'false');
}),

/**
* @deprecated Use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.
*/
EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS: booleanSchema.default('false'),


// Experimental Environment Variables
// @note: These environment variables are subject to change at any time and are not garunteed to be backwards compatible.
EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS: booleanSchema.default('false'),
EXPERIMENT_SELF_SERVE_REPO_INDEXING_ENABLED: booleanSchema.default('false'),
// @NOTE: Take care to update actions.ts when changing the name of this.
EXPERIMENT_SELF_SERVE_REPO_INDEXING_GITHUB_TOKEN: z.string().optional(),
Expand Down
15 changes: 14 additions & 1 deletion packages/web/src/actions.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -82,6 +82,19 @@ export const withAuth = async <T>(fn: (userId: string, apiKeyHash: string | unde
return notAuthenticated();
}

if (env.DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS === 'true') {
const membership = await prisma.userToOrg.findFirst({
where: { userId: user.id },
});
if (membership?.role !== OrgRole.OWNER) {
return {
statusCode: StatusCodes.FORBIDDEN,
errorCode: ErrorCode.API_KEY_USAGE_DISABLED,
message: "API key usage is disabled for non-admin users.",
} satisfies ServiceError;
}
}

await prisma.apiKey.update({
where: {
hash: apiKeyOrError.apiKey.hash,
Expand DownExpand Up@@ -312,7 +325,7 @@ export const verifyApiKey = async (apiKeyPayload: ApiKeyPayload): Promise<{ apiK
export const createApiKey = async (name: string, domain: string): Promise<{ key: string } | ServiceError> => sew(() =>
withAuth((userId) =>
withOrgMembership(userId, domain, async ({ org, userRole }) => {
if (env.EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS === 'true' && userRole !== OrgRole.OWNER) {
if ((env.DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS === 'true' || env.DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS === 'true') && userRole !== OrgRole.OWNER) {
logger.error(`API key creation is disabled for non-admin users. User ${userId} is not an owner.`);
return {
statusCode: StatusCodes.FORBIDDEN,
Expand Down
287 changes: 287 additions & 0 deletions packages/web/src/app/[domain]/settings/apiKeys/apiKeysPage.tsx
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,287 @@
'use client';

import { createApiKey, getUserApiKeys } from "@/actions";
import { Button } from "@/components/ui/button";
import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
import { Input } from "@/components/ui/input";
import { isServiceError } from "@/lib/utils";
import { Copy, Check, AlertTriangle, Loader2, Plus } from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react";
import { useDomain } from "@/hooks/useDomain";
import { useToast } from "@/components/hooks/use-toast";
import useCaptureEvent from "@/hooks/useCaptureEvent";
import { DataTable } from "@/components/ui/data-table";
import { columns, ApiKeyColumnInfo } from "./columns";
import { Skeleton } from "@/components/ui/skeleton";
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";

export function ApiKeysPage({ canCreateApiKey }: { canCreateApiKey: boolean }) {
const domain = useDomain();
const { toast } = useToast();
const captureEvent = useCaptureEvent();

const [apiKeys, setApiKeys] = useState<{ name: string; createdAt: Date; lastUsedAt: Date | null }[]>([]);
const [isLoading, setIsLoading] = useState(true);
const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);
const [newKeyName, setNewKeyName] = useState("");
const [isCreatingKey, setIsCreatingKey] = useState(false);
const [newlyCreatedKey, setNewlyCreatedKey] = useState<string | null>(null);
const [copySuccess, setCopySuccess] = useState(false);
const [error, setError] = useState<string | null>(null);

const loadApiKeys = useCallback(async () => {
setIsLoading(true);
setError(null);
try {
const keys = await getUserApiKeys(domain);
if (isServiceError(keys)) {
setError("Failed to load API keys");
toast({
title: "Error",
description: "Failed to load API keys",
variant: "destructive",
});
return;
}
setApiKeys(keys);
} catch (error) {
console.error(error);
setError("Failed to load API keys");
toast({
title: "Error",
description: "Failed to load API keys",
variant: "destructive",
});
} finally {
setIsLoading(false);
}
}, [domain, toast]);

useEffect(() => {
loadApiKeys();
}, [loadApiKeys]);

const handleCreateApiKey = async () => {
if (!newKeyName.trim()) {
toast({
title: "Error",
description: "API key name cannot be empty",
variant: "destructive",
});
return;
}

setIsCreatingKey(true);
try {
const result = await createApiKey(newKeyName.trim(), domain);
if (isServiceError(result)) {
toast({
title: "Error",
description: `Failed to create API key: ${result.message}`,
variant: "destructive",
});
captureEvent('wa_api_key_creation_fail', {});

return;
}

setNewlyCreatedKey(result.key);
await loadApiKeys();
captureEvent('wa_api_key_created', {});
} catch (error) {
console.error(error);
toast({
title: "Error",
description: `Failed to create API key: ${error}`,
variant: "destructive",
});
captureEvent('wa_api_key_creation_fail', {});
} finally {
setIsCreatingKey(false);
}
};

const handleCopyApiKey = () => {
if (!newlyCreatedKey) return;

navigator.clipboard.writeText(newlyCreatedKey)
.then(() => {
setCopySuccess(true);
setTimeout(() => setCopySuccess(false), 2000);
})
.catch(() => {
toast({
title: "Error",
description: "Failed to copy API key to clipboard",
variant: "destructive",
});
});
};

const handleCloseDialog = () => {
setIsCreateDialogOpen(false);
setNewKeyName("");
setNewlyCreatedKey(null);
setCopySuccess(false);
};

const tableData = useMemo(() => {
if (isLoading) return Array(4).fill(null).map(() => ({
name: "",
createdAt: "",
lastUsedAt: null,
}));

if (!apiKeys) return [];

return apiKeys.map((key): ApiKeyColumnInfo => ({
name: key.name,
createdAt: key.createdAt.toISOString(),
lastUsedAt: key.lastUsedAt?.toISOString() ?? null,
})).sort((a, b) => {
return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();
});
}, [apiKeys, isLoading]);

const tableColumns = useMemo(() => {
if (isLoading) {
return columns().map((column) => {
if ('accessorKey' in column && column.accessorKey === "name") {
return {
...column,
cell: () => (
<div className="flex items-center gap-2">
<Skeleton className="h-4 w-4 rounded-md" /> {/* Icon skeleton */}
<Skeleton className="h-4 w-48" /> {/* Name skeleton */}
</div>
),
}
}

return {
...column,
cell: () => <Skeleton className="h-4 w-24" />,
}
})
}

return columns();
}, [isLoading]);

if (error) {
return <div>Error loading API keys</div>;
}

return (
<div className="flex flex-col gap-6">
<div className="flex flex-row items-center justify-between">
<div>
<h3 className="text-lg font-medium">API Keys</h3>
<p className="text-sm text-muted-foreground max-w-lg">
Create and manage API keys for programmatic access to Sourcebot. All API keys are scoped to the user who created them.
</p>
</div>

<TooltipProvider>
<Tooltip>
{!canCreateApiKey && (
<TooltipContent>
API key creation is restricted.
</TooltipContent>
)}
<TooltipTrigger asChild>
<span className={!canCreateApiKey ? "cursor-not-allowed" : undefined}>
<Dialog open={isCreateDialogOpen} onOpenChange={setIsCreateDialogOpen}>
<DialogTrigger asChild>
<Button
disabled={!canCreateApiKey}
className={!canCreateApiKey ? "pointer-events-none" : undefined}
onClick={() => {
setNewlyCreatedKey(null);
setNewKeyName("");
setIsCreateDialogOpen(true);
}}
>
<Plus className="h-4 w-4 mr-2" />
Create API Key
</Button>
</DialogTrigger>
<DialogContent className="sm:max-w-md">
<DialogHeader>
<DialogTitle>{newlyCreatedKey ? 'Your New API Key' : 'Create API Key'}</DialogTitle>
</DialogHeader>

{newlyCreatedKey ? (
<div className="space-y-4">
<div className="flex items-center gap-2 p-3 border border-yellow-200 dark:border-yellow-800 bg-yellow-50 dark:bg-yellow-900/20 rounded-md text-yellow-700 dark:text-yellow-400">
<AlertTriangle className="h-5 w-5 flex-shrink-0" />
<p className="text-sm">
This is the only time you&apos;ll see this API key. Make sure to copy it now.
</p>
</div>

<div className="flex items-center space-x-2">
<div className="bg-muted p-2 rounded-md text-sm flex-1 break-all font-mono">
{newlyCreatedKey}
</div>
<Button
size="icon"
variant="outline"
onClick={handleCopyApiKey}
>
{copySuccess ? (
<Check className="h-4 w-4 text-green-500" />
) : (
<Copy className="h-4 w-4" />
)}
</Button>
</div>
</div>
) : (
<div className="py-4">
<Input
value={newKeyName}
onChange={(e) => setNewKeyName(e.target.value)}
placeholder="Enter a name for your API key"
className="mb-2"
/>
</div>
)}

<DialogFooter className="sm:justify-between">
{newlyCreatedKey ? (
<Button onClick={handleCloseDialog}>
Done
</Button>
) : (
<>
<Button variant="outline" onClick={handleCloseDialog}>
Cancel
</Button>
<Button
onClick={handleCreateApiKey}
disabled={isCreatingKey || !newKeyName.trim()}
>
{isCreatingKey && <Loader2 className="h-4 w-4 mr-2 animate-spin" />}
Create
</Button>
</>
)}
</DialogFooter>
</DialogContent>
</Dialog>
</span>
</TooltipTrigger>
</Tooltip>
</TooltipProvider>
</div>

<DataTable
columns={tableColumns}
data={tableData}
searchKey="name"
searchPlaceholder="Search API keys..."
/>
</div>
);
}
Loading
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions CHANGELOG.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -10,6 +10,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Added
- Added AGENTS.md with Cursor Cloud development environment instructions. [#1001](https://github.com/sourcebot-dev/sourcebot/pull/1001)
- Added support for configuring SMTP via individual environment variables (SMTP_HOST, SMTP_PORT, SMTP_USERNAME, SMTP_PASSWORD) as an alternative to SMTP_CONNECTION_URL. [#1002](https://github.com/sourcebot-dev/sourcebot/pull/1002)
- Added `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` and `DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS` environment variables to restrict API key creation and usage to organization owners. [#1007](https://github.com/sourcebot-dev/sourcebot/pull/1007)

### Changed
- Deprecated `EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS` in favour of `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS`. The old variable will continue to work as a fallback. [#1007](https://github.com/sourcebot-dev/sourcebot/pull/1007)

## [4.15.6] - 2026-03-13

Expand Down
3 changes: 3 additions & 0 deletions docs/docs/configuration/environment-variables.mdx
Original file line numberDiff line numberDiff line change
Expand Up@@ -53,6 +53,9 @@ The following environment variables allow you to configure your Sourcebot deploy
| `PERMISSION_SYNC_REPO_DRIVEN_ENABLED` | `true` | <p>Enables/disables [repo-driven permission syncing](/docs/features/permission-syncing#how-it-works). Only applies when `PERMISSION_SYNC_ENABLED` is `true`.</p> |
| `EXPERIMENT_EE_PERMISSION_SYNC_ENABLED` **(deprecated)** | `false` | <p>Deprecated. Use `PERMISSION_SYNC_ENABLED` instead.</p> |
| `AUTH_EE_ALLOW_EMAIL_ACCOUNT_LINKING` | `true` | <p>When enabled, different SSO accounts with the same email address will automatically be linked.</p> |
| `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` | `false` | <p>When enabled, only organization owners can create API keys. Non-owner members will receive a `403` error if they attempt to create one.</p> |
| `EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS` **(deprecated)** | `false` | <p>Deprecated. Use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.</p> |
| `DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS` | `false` | <p>When enabled, only organization owners can create or use API keys. Non-owner members will receive a `403` error if they attempt to create or authenticate with an API key. If you only want to restrict creation (not usage), use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.</p> |


### Review Agent Environment Variables
Expand Down
15 changes: 14 additions & 1 deletion packages/shared/src/env.server.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -246,9 +246,22 @@ const options = {

SOURCEBOT_DEMO_EXAMPLES_PATH: z.string().optional(),

DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS: booleanSchema.default('false'),

DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS: booleanSchema
.optional()
.transform(value => {
return value ?? ((process.env.EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS as 'true' | 'false') ?? 'false');
}),

/**
* @deprecated Use `DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS` instead.
*/
EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS: booleanSchema.default('false'),


// Experimental Environment Variables
// @note: These environment variables are subject to change at any time and are not garunteed to be backwards compatible.
EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS: booleanSchema.default('false'),
EXPERIMENT_SELF_SERVE_REPO_INDEXING_ENABLED: booleanSchema.default('false'),
// @NOTE: Take care to update actions.ts when changing the name of this.
EXPERIMENT_SELF_SERVE_REPO_INDEXING_GITHUB_TOKEN: z.string().optional(),
Expand Down
15 changes: 14 additions & 1 deletion packages/web/src/actions.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -82,6 +82,19 @@ export const withAuth = async <T>(fn: (userId: string, apiKeyHash: string | unde
return notAuthenticated();
}

if (env.DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS === 'true') {
const membership = await prisma.userToOrg.findFirst({
where: { userId: user.id },
});
if (membership?.role !== OrgRole.OWNER) {
return {
statusCode: StatusCodes.FORBIDDEN,
errorCode: ErrorCode.API_KEY_USAGE_DISABLED,
message: "API key usage is disabled for non-admin users.",
} satisfies ServiceError;
}
}

await prisma.apiKey.update({
where: {
hash: apiKeyOrError.apiKey.hash,
Expand DownExpand Up@@ -312,7 +325,7 @@ export const verifyApiKey = async (apiKeyPayload: ApiKeyPayload): Promise<{ apiK
export const createApiKey = async (name: string, domain: string): Promise<{ key: string } | ServiceError> => sew(() =>
withAuth((userId) =>
withOrgMembership(userId, domain, async ({ org, userRole }) => {
if (env.EXPERIMENT_DISABLE_API_KEY_CREATION_FOR_NON_ADMIN_USERS === 'true' && userRole !== OrgRole.OWNER) {
if ((env.DISABLE_API_KEY_CREATION_FOR_NON_OWNER_USERS === 'true' || env.DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS === 'true') && userRole !== OrgRole.OWNER) {
logger.error(`API key creation is disabled for non-admin users. User ${userId} is not an owner.`);
return {
statusCode: StatusCodes.FORBIDDEN,
Expand Down
287 changes: 287 additions & 0 deletions packages/web/src/app/[domain]/settings/apiKeys/apiKeysPage.tsx
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,287 @@
'use client';

import { createApiKey, getUserApiKeys } from "@/actions";
import { Button } from "@/components/ui/button";
import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
import { Input } from "@/components/ui/input";
import { isServiceError } from "@/lib/utils";
import { Copy, Check, AlertTriangle, Loader2, Plus } from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react";
import { useDomain } from "@/hooks/useDomain";
import { useToast } from "@/components/hooks/use-toast";
import useCaptureEvent from "@/hooks/useCaptureEvent";
import { DataTable } from "@/components/ui/data-table";
import { columns, ApiKeyColumnInfo } from "./columns";
import { Skeleton } from "@/components/ui/skeleton";
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";

export function ApiKeysPage({ canCreateApiKey }: { canCreateApiKey: boolean }) {
const domain = useDomain();
const { toast } = useToast();
const captureEvent = useCaptureEvent();

const [apiKeys, setApiKeys] = useState<{ name: string; createdAt: Date; lastUsedAt: Date | null }[]>([]);
const [isLoading, setIsLoading] = useState(true);
const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);
const [newKeyName, setNewKeyName] = useState("");
const [isCreatingKey, setIsCreatingKey] = useState(false);
const [newlyCreatedKey, setNewlyCreatedKey] = useState<string | null>(null);
const [copySuccess, setCopySuccess] = useState(false);
const [error, setError] = useState<string | null>(null);

const loadApiKeys = useCallback(async () => {
setIsLoading(true);
setError(null);
try {
const keys = await getUserApiKeys(domain);
if (isServiceError(keys)) {
setError("Failed to load API keys");
toast({
title: "Error",
description: "Failed to load API keys",
variant: "destructive",
});
return;
}
setApiKeys(keys);
} catch (error) {
console.error(error);
setError("Failed to load API keys");
toast({
title: "Error",
description: "Failed to load API keys",
variant: "destructive",
});
} finally {
setIsLoading(false);
}
}, [domain, toast]);

useEffect(() => {
loadApiKeys();
}, [loadApiKeys]);

const handleCreateApiKey = async () => {
if (!newKeyName.trim()) {
toast({
title: "Error",
description: "API key name cannot be empty",
variant: "destructive",
});
return;
}

setIsCreatingKey(true);
try {
const result = await createApiKey(newKeyName.trim(), domain);
if (isServiceError(result)) {
toast({
title: "Error",
description: `Failed to create API key: ${result.message}`,
variant: "destructive",
});
captureEvent('wa_api_key_creation_fail', {});

return;
}

setNewlyCreatedKey(result.key);
await loadApiKeys();
captureEvent('wa_api_key_created', {});
} catch (error) {
console.error(error);
toast({
title: "Error",
description: `Failed to create API key: ${error}`,
variant: "destructive",
});
captureEvent('wa_api_key_creation_fail', {});
} finally {
setIsCreatingKey(false);
}
};

const handleCopyApiKey = () => {
if (!newlyCreatedKey) return;

navigator.clipboard.writeText(newlyCreatedKey)
.then(() => {
setCopySuccess(true);
setTimeout(() => setCopySuccess(false), 2000);
})
.catch(() => {
toast({
title: "Error",
description: "Failed to copy API key to clipboard",
variant: "destructive",
});
});
};

const handleCloseDialog = () => {
setIsCreateDialogOpen(false);
setNewKeyName("");
setNewlyCreatedKey(null);
setCopySuccess(false);
};

const tableData = useMemo(() => {
if (isLoading) return Array(4).fill(null).map(() => ({
name: "",
createdAt: "",
lastUsedAt: null,
}));

if (!apiKeys) return [];

return apiKeys.map((key): ApiKeyColumnInfo => ({
name: key.name,
createdAt: key.createdAt.toISOString(),
lastUsedAt: key.lastUsedAt?.toISOString() ?? null,
})).sort((a, b) => {
return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();
});
}, [apiKeys, isLoading]);

const tableColumns = useMemo(() => {
if (isLoading) {
return columns().map((column) => {
if ('accessorKey' in column && column.accessorKey === "name") {
return {
...column,
cell: () => (
<div className="flex items-center gap-2">
<Skeleton className="h-4 w-4 rounded-md" /> {/* Icon skeleton */}
<Skeleton className="h-4 w-48" /> {/* Name skeleton */}
</div>
),
}
}

return {
...column,
cell: () => <Skeleton className="h-4 w-24" />,
}
})
}

return columns();
}, [isLoading]);

if (error) {
return <div>Error loading API keys</div>;
}

return (
<div className="flex flex-col gap-6">
<div className="flex flex-row items-center justify-between">
<div>
<h3 className="text-lg font-medium">API Keys</h3>
<p className="text-sm text-muted-foreground max-w-lg">
Create and manage API keys for programmatic access to Sourcebot. All API keys are scoped to the user who created them.
</p>
</div>

<TooltipProvider>
<Tooltip>
{!canCreateApiKey && (
<TooltipContent>
API key creation is restricted.
</TooltipContent>
)}
<TooltipTrigger asChild>
<span className={!canCreateApiKey ? "cursor-not-allowed" : undefined}>
<Dialog open={isCreateDialogOpen} onOpenChange={setIsCreateDialogOpen}>
<DialogTrigger asChild>
<Button
disabled={!canCreateApiKey}
className={!canCreateApiKey ? "pointer-events-none" : undefined}
onClick={() => {
setNewlyCreatedKey(null);
setNewKeyName("");
setIsCreateDialogOpen(true);
}}
>
<Plus className="h-4 w-4 mr-2" />
Create API Key
</Button>
</DialogTrigger>
<DialogContent className="sm:max-w-md">
<DialogHeader>
<DialogTitle>{newlyCreatedKey ? 'Your New API Key' : 'Create API Key'}</DialogTitle>
</DialogHeader>

{newlyCreatedKey ? (
<div className="space-y-4">
<div className="flex items-center gap-2 p-3 border border-yellow-200 dark:border-yellow-800 bg-yellow-50 dark:bg-yellow-900/20 rounded-md text-yellow-700 dark:text-yellow-400">
<AlertTriangle className="h-5 w-5 flex-shrink-0" />
<p className="text-sm">
This is the only time you&apos;ll see this API key. Make sure to copy it now.
</p>
</div>

<div className="flex items-center space-x-2">
<div className="bg-muted p-2 rounded-md text-sm flex-1 break-all font-mono">
{newlyCreatedKey}
</div>
<Button
size="icon"
variant="outline"
onClick={handleCopyApiKey}
>
{copySuccess ? (
<Check className="h-4 w-4 text-green-500" />
) : (
<Copy className="h-4 w-4" />
)}
</Button>
</div>
</div>
) : (
<div className="py-4">
<Input
value={newKeyName}
onChange={(e) => setNewKeyName(e.target.value)}
placeholder="Enter a name for your API key"
className="mb-2"
/>
</div>
)}

<DialogFooter className="sm:justify-between">
{newlyCreatedKey ? (
<Button onClick={handleCloseDialog}>
Done
</Button>
) : (
<>
<Button variant="outline" onClick={handleCloseDialog}>
Cancel
</Button>
<Button
onClick={handleCreateApiKey}
disabled={isCreatingKey || !newKeyName.trim()}
>
{isCreatingKey && <Loader2 className="h-4 w-4 mr-2 animate-spin" />}
Create
</Button>
</>
)}
</DialogFooter>
</DialogContent>
</Dialog>
</span>
</TooltipTrigger>
</Tooltip>
</TooltipProvider>
</div>

<DataTable
columns={tableColumns}
data={tableData}
searchKey="name"
searchPlaceholder="Search API keys..."
/>
</div>
);
}
Loading
Loading