diff --git a/apps/web/components/connect-ai-modal.tsx b/apps/web/components/connect-ai-modal.tsx
index 5099deed..f3008796 100644
--- a/apps/web/components/connect-ai-modal.tsx
+++ b/apps/web/components/connect-ai-modal.tsx
@@ -35,6 +35,7 @@ const clients = {
cline: "Cline",
"gemini-cli": "Gemini CLI",
"claude-code": "Claude Code",
+ "mcp-url": "MCP URL",
"roo-cline": "Roo Cline",
witsy: "Witsy",
enconvo: "Enconvo",
@@ -195,9 +196,9 @@ export function ConnectAIModal({
Select Your AI Client
-
+
{Object.entries(clients)
- .slice(0, 6)
+ .slice(0, 7)
.map(([key, clientName]) => (
{
const target = e.target as HTMLImageElement;
@@ -234,7 +235,7 @@ export function ConnectAIModal({
parent.appendChild(fallback);
}
}}
- src={`/mcp-supported-tools/${key === "claude-code" ? "claude" : key}.png`}
+ src={key === "mcp-url" ? "/mcp-icon.svg" : `/mcp-supported-tools/${key === "claude-code" ? "claude" : key}.png`}
width={20}
/>
@@ -247,7 +248,7 @@ export function ConnectAIModal({
- {/* Step 2: Project Selection */}
+ {/* Step 2: Project Selection or MCP URL */}
{selectedClient && (
@@ -255,53 +256,84 @@ export function ConnectAIModal({
2
- Select Target Project (Optional)
+ {selectedClient === "mcp-url"
+ ? "MCP Server URL"
+ : "Select Target Project (Optional)"}
-
+
+ Use this URL to configure supermemory in your AI assistant
+
+
+ ) : (
+
+
+
+
+
+
+
+ Auto-select project
+
+
+ Default Project
+
+ {projects
+ .filter(
+ (p: Project) =>
+ p.containerTag !== "sm_project_default",
+ )
+ .map((project: Project) => (
+
+ {project.name}
+
+ ))}
+
+
+
+ )}
)}
{/* Step 3: Command Line */}
- {selectedClient && (
+ {selectedClient && selectedClient !== "mcp-url" && (
diff --git a/apps/web/public/mcp-icon.svg b/apps/web/public/mcp-icon.svg
new file mode 100644
index 00000000..fd3ed5db
--- /dev/null
+++ b/apps/web/public/mcp-icon.svg
@@ -0,0 +1,5 @@
+
+ ModelContextProtocol
+
+
+
\ No newline at end of file