> ## Documentation Index
> Fetch the complete documentation index at: https://beta.docs.replo.app/llms.txt
> Use this file to discover all available pages before exploring further.
# Basin
> Connect Basin to read form submissions and manage your forms from chat.
export const TryPromptButton = ({prompt, imageSrc, imageAlt = "Template preview", imageStyles = {}, buttonCta = "Build in Replo"}) => {
const [isLoading, setIsLoading] = useState(false);
const [error, setError] = useState(null);
const APP_URL = "https://dashboard.replo.app";
const LoaderIcon = ;
const ChevronIcon = ;
async function postJSON(url, body, headers = {}, timeoutMs = 120000) {
const controller = new AbortController();
const timeoutId = setTimeout(() => controller.abort(), timeoutMs);
try {
const response = await fetch(url, {
method: "POST",
headers: {
"Content-Type": "application/json",
...headers
},
body: JSON.stringify(body ?? ({})),
signal: controller.signal
});
const responseText = await response.text();
if (!response.ok) throw new Error(`API Error: ${response.status}`);
return responseText ? JSON.parse(responseText) : {};
} finally {
clearTimeout(timeoutId);
}
}
async function handleTryPrompt(event) {
event.preventDefault();
event.stopPropagation();
setIsLoading(true);
setError(null);
try {
const body = {
prompt,
file: null
};
const {seed} = await postJSON(`${PUBLISHER_API_BASE_URL}/api/v1/marketing/issue-marketing-site-jwt`, body);
if (!seed) throw new Error("No seed returned from API");
const url = new URL(APP_URL);
url.searchParams.set("type", "agent");
url.hash = `seed=${encodeURIComponent(seed)}`;
window.open(url.toString(), "_blank");
setIsLoading(false);
} catch (caughtError) {
console.error("Failed to generate prompt:", caughtError);
const message = caughtError instanceof Error ? caughtError.message : null;
setError(message ?? "Something went wrong. Please try again.");
setIsLoading(false);
}
}
return
{}
{imageSrc && }
{}
{}
{}
{error &&
{error}
}
;
};
[Basin](https://usebasin.com) is a no-code form backend: your site's forms post submissions to Basin, and Basin stores them. Connect Basin so Replo can pull those submissions into chat, read and manage your forms, and organize your projects.
## Connect Basin
Basin connects with an account API key that you paste into Replo.
In Replo, open the [Integrations app](/apps/integrations) and find
**Basin**.
In the connection block, paste your Basin **Account API key** and click
**Connect**. The link above the field takes you straight to your Basin API
key page.
You can also connect straight from chat; if you ask Replo to use Basin before it's connected, it drops the connection card right into the conversation.
```text theme={null}
Connect my Basin account
```
### Finding your API key
Use an **Account API key**, which covers all of your forms, projects, and domains. A form-scoped key only reaches a single form and won't work with the forms, projects, and domains tools.
1. Log in to [Basin](https://usebasin.com).
2. Open [**Account Settings → API Settings**](https://usebasin.com/app/api_settings).
3. Copy your **Account API key** and paste it into Replo.
For more detail, see Basin's [API access guide](https://docs.usebasin.com/account-management/api-access/).
API access requires a Basin Growth, Pro, or Agency plan.
## What you can do
Once connected, ask Replo about your forms and submissions. Point it at Basin with an [@-mention](/sessions-and-history#mentions).
```text theme={null}
Show me my latest Basin form submissions
```
Replo can list and read submissions, create and update forms, and organize projects. It confirms with you before it creates or changes anything, and it can't delete your forms or submissions.