+
- {extension}
+ {fileName || extension}
{document.content && (
diff --git a/apps/web/components/document-icon.tsx b/apps/web/components/document-icon.tsx
index 202ead22..00e36341 100644
--- a/apps/web/components/document-icon.tsx
+++ b/apps/web/components/document-icon.tsx
@@ -15,7 +15,7 @@ import {
NotionDoc,
PDF,
} from "@ui/assets/icons"
-import { Globe, FileText, Image } from "lucide-react"
+import { Globe, FileText, FileCode, Image } from "lucide-react"
import { cn } from "@lib/utils"
function MCPIcon({ className }: { className?: string }) {
@@ -144,13 +144,60 @@ export interface DocumentIconProps {
type: string | null | undefined
source?: string | null
url?: string | null
+ fileName?: string | null
+ mimeType?: string | null
className?: string
}
+function fileExtensionIcon(
+ ext: string | undefined,
+ mimeType: string | null | undefined,
+ iconClassName: string,
+): React.ReactNode | null {
+ if (ext === ".html" || ext === ".htm" || mimeType === "text/html") {
+ return
+ }
+ switch (ext) {
+ case ".pdf":
+ return
+ case ".doc":
+ case ".docx":
+ return (
+
+
+
+ )
+ case ".xls":
+ case ".xlsx":
+ case ".csv":
+ return (
+
+
+
+ )
+ case ".ppt":
+ case ".pptx":
+ return (
+
+
+
+ )
+ case ".md":
+ case ".mdx":
+ case ".txt":
+ case ".json":
+ return
+ default:
+ return null
+ }
+}
+
export function DocumentIcon({
type,
source,
url,
+ fileName,
+ mimeType,
className,
}: DocumentIconProps) {
const iconClassName = cn("size-4", className)
@@ -163,6 +210,22 @@ export function DocumentIcon({
return
}
+ // Uploaded files get a type icon, never the URL favicon of their storage host
+ if (fileName || mimeType) {
+ const lower = fileName?.toLowerCase()
+ const ext = lower?.includes(".")
+ ? lower.slice(lower.lastIndexOf("."))
+ : undefined
+ const fileIcon = fileExtensionIcon(ext, mimeType, iconClassName)
+ if (fileIcon) return fileIcon
+ if (mimeType?.startsWith("image/")) {
+ return
+ }
+ if (!type || type === "unknown" || type === "text") {
+ return
+ }
+ }
+
if (
type === "webpage" ||
type === "url" ||
diff --git a/apps/web/components/ensure-workspace.tsx b/apps/web/components/ensure-workspace.tsx
index ba7d02a3..73218af2 100644
--- a/apps/web/components/ensure-workspace.tsx
+++ b/apps/web/components/ensure-workspace.tsx
@@ -22,11 +22,14 @@ export function EnsureWorkspace({ children }: { children: React.ReactNode }) {
const searchParams = useSearchParams()
const { session, organizations, isRestoring } = useAuth()
- const isMcpPublicPage = searchParams.get("view") === "mcp"
+ const isPublicAppPage =
+ pathname === "/" &&
+ ["integrations", "mcp"].includes(searchParams.get("view") ?? "")
+ const isGuestPublicAppPage = isPublicAppPage && !session
const isOnboarding = pathname.startsWith("/onboarding")
useEffect(() => {
- if (isMcpPublicPage) return
+ if (isGuestPublicAppPage) return
if (isRestoring) return
if (!session) {
router.replace(
@@ -44,11 +47,11 @@ export function EnsureWorkspace({ children }: { children: React.ReactNode }) {
isRestoring,
isOnboarding,
router,
- isMcpPublicPage,
+ isGuestPublicAppPage,
])
const showLoading =
- !isMcpPublicPage &&
+ !isGuestPublicAppPage &&
(isRestoring ||
(!session && !isRestoring) ||
(session && organizations === null) ||
diff --git a/apps/web/components/header.tsx b/apps/web/components/header.tsx
index cc3afb71..e47f56c2 100644
--- a/apps/web/components/header.tsx
+++ b/apps/web/components/header.tsx
@@ -504,7 +504,41 @@ export function Header({ onAddMemory, onOpenSearch }: HeaderProps) {
)
}
-export function PublicHeader() {
+export function PublicHeader({
+ variant = "default",
+}: {
+ variant?: "default" | "integrations"
+}) {
+ if (variant === "integrations") {
+ return (
+
+
+
+
+ supermemory
+
+
+
+
+
+
+
+ )
+ }
+
return (
@@ -84,6 +96,16 @@ function toIsoDate(value: string | Date | null | undefined): string | null {
return d.toISOString()
}
+function toMs(value: string | null | undefined): number {
+ if (!value) return 0
+ const t = new Date(value).getTime()
+ return Number.isNaN(t) ? 0 : t
+}
+
+function compactRelativeTime(value: number | string): string {
+ return formatRelativeTime(value).replace(/\s*ago$/i, "")
+}
+
function parsePluginAuthKeys(
apiKeys: ListedApiKey[],
keyPrefix: (key: ListedApiKey) => string | null,
@@ -347,7 +369,7 @@ const SECTIONS: Array<{
className="size-6 rounded object-contain"
/>
),
- docsUrl: "https://docs.supermemory.ai/supermemory-mcp/introduction",
+ docsUrl: "https://supermemory.ai/docs/supermemory-mcp/introduction",
})),
},
{
@@ -390,6 +412,7 @@ const SECTIONS: Array<{
simpleTitle: "Your Docs, Sheets and Slides, searchable",
icon:
,
pro: true,
+ docsUrl: "https://supermemory.ai/docs/connectors/google-drive",
},
{
kind: "connector",
@@ -400,6 +423,7 @@ const SECTIONS: Array<{
simpleTitle: "All your Notion pages, in supermemory",
icon:
,
pro: true,
+ docsUrl: "https://supermemory.ai/docs/connectors/notion",
},
{
kind: "connector",
@@ -410,6 +434,7 @@ const SECTIONS: Array<{
simpleTitle: "Your OneDrive files, ready to recall",
icon:
,
pro: true,
+ docsUrl: "https://supermemory.ai/docs/connectors/onedrive",
},
{
kind: "connector",
@@ -537,11 +562,18 @@ function NewChip() {
)
}
-function IconBox({ children }: { children: ReactNode }) {
+function IconBox({
+ children,
+ size = "md",
+}: {
+ children: ReactNode
+ size?: "sm" | "md"
+}) {
return (
@@ -550,22 +582,369 @@ function IconBox({ children }: { children: ReactNode }) {
)
}
-function DocsLink({ href }: { href: string }) {
+type InfoUseCase = {
+ title: string
+ description: string
+}
+
+type InfoModalCloseReason = Parameters<
+ typeof analytics.integrationInfoModalClosed
+>[0]["close_reason"]
+
+const MCP_INFO_USE_CASES: InfoUseCase[] = [
+ {
+ title: "Persistent assistant memory",
+ description:
+ "Store useful context during conversations and recall it later from this MCP client.",
+ },
+ {
+ title: "Shared context across tools",
+ description:
+ "Use the same Supermemory account across MCP-compatible clients so memory follows the user between sessions.",
+ },
+ {
+ title: "Profiles and project context",
+ description:
+ "Bring user profiles and project-scoped memories into supported AI clients when they need context.",
+ },
+]
+
+const ITEM_INFO_USE_CASES: Record
= {
+ "plugin-claude_code": [
+ {
+ title: "Session context injection",
+ description:
+ "Fetch relevant project memories, user preferences, and past interactions when Claude Code starts a session.",
+ },
+ {
+ title: "Automatic coding capture",
+ description:
+ "Save useful tool activity like edits, new files, shell commands, and spawned tasks for future sessions.",
+ },
+ ],
+ "plugin-codex": [
+ {
+ title: "Recall before each prompt",
+ description:
+ "Inject relevant memories and profile context into Codex before each prompt.",
+ },
+ {
+ title: "Capture after sessions",
+ description:
+ "Store conversation transcripts after a session, scoped to the current project and user.",
+ },
+ {
+ title: "Explicit memory skills",
+ description:
+ "Use supermemory-search, supermemory-save, and supermemory-forget when memory needs direct control.",
+ },
+ ],
+ "plugin-opencode": [
+ {
+ title: "Project memory in OpenCode",
+ description:
+ "Inject preferences, project knowledge, and past interactions at the start of OpenCode sessions.",
+ },
+ {
+ title: "Smart session capture",
+ description:
+ "Save memories from explicit phrases like remember or save this, and summarize long sessions during compaction.",
+ },
+ ],
+ "plugin-openclaw": [
+ {
+ title: "Memory across messaging channels",
+ description:
+ "Give OpenClaw memory across WhatsApp, Telegram, Discord, Slack, iMessage, and other channels.",
+ },
+ {
+ title: "Auto-recall and auto-capture",
+ description:
+ "Inject relevant memories before AI turns and store conversation exchanges after turns.",
+ },
+ {
+ title: "Direct memory tools",
+ description:
+ "Let the AI store, search, forget, and inspect profile memories during conversations.",
+ },
+ ],
+ "plugin-hermes": [
+ {
+ title: "Semantic memory for Hermes",
+ description:
+ "Add long-term memory, profile recall, search, and session-aware ingest to Hermes.",
+ },
+ {
+ title: "Turn and session memory",
+ description:
+ "Prefetch relevant context before turns, capture completed turns, and ingest full sessions for richer graph updates.",
+ },
+ {
+ title: "Organized containers",
+ description:
+ "Use profile-scoped memory and optional multi-container tags for work, personal, or project-specific context.",
+ },
+ ],
+ "google-drive": [
+ {
+ title: "Scoped Drive sync",
+ description:
+ "Sync selected Google Docs, Sheets, Slides, and PDFs after OAuth and the hosted file picker.",
+ },
+ {
+ title: "Fresh knowledge base",
+ description:
+ "Keep selected Drive files updated in Supermemory, with scheduled and manual import support.",
+ },
+ ],
+ notion: [
+ {
+ title: "Workspace knowledge sync",
+ description:
+ "Sync Notion pages, databases, and blocks into Supermemory from connected workspaces.",
+ },
+ {
+ title: "Rich Notion context",
+ description:
+ "Preserve rich formatting and database properties so Notion content remains useful for retrieval.",
+ },
+ ],
+ onedrive: [
+ {
+ title: "Microsoft 365 documents",
+ description:
+ "Sync Word documents, Excel spreadsheets, and PowerPoint presentations from OneDrive.",
+ },
+ {
+ title: "Personal and business accounts",
+ description:
+ "Connect personal or business OneDrive accounts and keep Office files updated through sync.",
+ },
+ ],
+ chrome: [
+ {
+ title: "Save from the browser",
+ description:
+ "Capture webpages into Supermemory while browsing instead of manually copying content.",
+ },
+ {
+ title: "Bring bookmarks into memory",
+ description:
+ "Import saved browser context so it can be searched and reused later.",
+ },
+ ],
+ shortcuts: [
+ {
+ title: "Quick mobile capture",
+ description:
+ "Add memories from iPhone, iPad, or Mac through Apple Shortcuts.",
+ },
+ {
+ title: "Save without opening the app",
+ description:
+ "Send useful snippets and links into Supermemory from native Apple workflows.",
+ },
+ ],
+ raycast: [
+ {
+ title: "Fast desktop capture",
+ description:
+ "Add memories from Raycast on Mac without leaving the launcher.",
+ },
+ {
+ title: "Search from Raycast",
+ description:
+ "Look up Supermemory content directly from your desktop command bar.",
+ },
+ ],
+ "x-bookmarks": [
+ {
+ title: "Import saved X posts",
+ description:
+ "Turn X/Twitter bookmarks into searchable Supermemory memories.",
+ },
+ {
+ title: "Reuse social research",
+ description:
+ "Bring bookmarked threads, references, and ideas into the same memory layer as your other tools.",
+ },
+ ],
+}
+
+function getInfoUseCases(id: string): InfoUseCase[] {
+ return ITEM_INFO_USE_CASES[id] ?? MCP_INFO_USE_CASES
+}
+
+function ItemInfoButton({
+ name,
+ onClick,
+}: {
+ name: string
+ onClick: () => void
+}) {
return (
- e.stopPropagation()}
+
+
+
+ )
+}
+
+function ItemInfoDialog({
+ actionSlot,
+ docsUrl,
+ icon,
+ id,
+ kind,
+ name,
+ onOpenChange,
+ open,
+}: {
+ actionSlot: ReactNode
+ docsUrl?: string
+ icon: ReactNode
+ id: string
+ kind: ItemKind
+ name: string
+ onOpenChange: (open: boolean) => void
+ open: boolean
+}) {
+ const useCases = getInfoUseCases(id)
+ const closeWithReason = (closeReason: InfoModalCloseReason) => {
+ analytics.integrationInfoModalClosed({
+ kind,
+ id,
+ name,
+ close_reason: closeReason,
+ })
+ onOpenChange(false)
+ }
+ return (
+
)
}
@@ -647,18 +1026,698 @@ function ConnectionsCountPill({ count }: { count: number }) {
)
}
-function ItemCard({
+const CONNECTOR_META: Record<
+ ConnectorProvider,
+ { name: string; icon: ReactNode; documentLabel: string }
+> = {
+ "google-drive": {
+ name: "Google Drive",
+ icon: ,
+ documentLabel: "documents",
+ },
+ notion: {
+ name: "Notion",
+ icon: ,
+ documentLabel: "pages",
+ },
+ onedrive: {
+ name: "OneDrive",
+ icon: ,
+ documentLabel: "documents",
+ },
+}
+
+interface PluginEntry {
+ kind: "plugin"
+ id: string
+ name: string
+ icon: ReactNode
+ pro: boolean
+ agentCount: number
+ createdAt: string | null
+ lastActive: string | null
+ onManage: () => void
+}
+
+interface ConnectorEntry {
+ kind: "connector"
+ id: string
+ name: string
+ documentLabel: string
+ icon: ReactNode
+ pro: boolean
+ provider: ConnectorProvider
+ connection: Connection
+ connectionCount: number
+ email: string | null
+ spaceName: string | null
+ createdAt: string | null
+ onManage: () => void
+ onReconnect: () => void
+}
+
+type RailEntry = PluginEntry | ConnectorEntry
+
+function railConnectionMeta(connection: Connection) {
+ const m = connection.metadata as Record | undefined
+ return {
+ syncInProgress: m?.syncInProgress === true,
+ lastSyncedAt:
+ typeof m?.lastSyncedAt === "number" ? m.lastSyncedAt : undefined,
+ documentCount: typeof m?.documentCount === "number" ? m.documentCount : 0,
+ }
+}
+
+function RailDetail({ label, value }: { label: string; value: ReactNode }) {
+ return (
+
+ {label}
+
+ {value}
+
+
+ )
+}
+
+function RailAction({
+ label,
+ onClick,
+ danger,
+}: {
+ label: string
+ onClick: () => void
+ danger?: boolean
+}) {
+ return (
+
+ )
+}
+
+function RailRow({
icon,
name,
+ statusLine,
+ expanded,
+ onToggle,
+ children,
+}: {
+ icon: ReactNode
+ name: string
+ statusLine: ReactNode
+ expanded: boolean
+ onToggle: () => void
+ children: ReactNode
+}) {
+ return (
+
+
+
+ {expanded && (
+
+
+ {children}
+
+
+ )}
+
+
+
+ {suffix && (
+
+ · {suffix}
+
+ )}
+
+
+
+
+ )
+}
+
+const CONNECTOR_STATUS = {
+ expired: { color: "#EF4444", label: "Expired" },
+ syncing: { color: "#4BA0FA", label: "Syncing" },
+ synced: { color: "#00AC3F", label: "Synced" },
+ idle: { color: "#737373", label: "Connected" },
+} as const
+
+function ConnectorRailRow({ entry }: { entry: ConnectorEntry }) {
+ const [expanded, setExpanded] = useState(false)
+ const { needsReauth } = useConnectionHealth(entry.connection.id)
+ const meta = railConnectionMeta(entry.connection)
+ const status: keyof typeof CONNECTOR_STATUS = needsReauth
+ ? "expired"
+ : meta.syncInProgress
+ ? "syncing"
+ : meta.lastSyncedAt
+ ? "synced"
+ : "idle"
+ const { color, label } = CONNECTOR_STATUS[status]
+ const statusParts = [
+ status !== "syncing" && meta.documentCount > 0
+ ? String(meta.documentCount)
+ : null,
+ status === "synced" && meta.lastSyncedAt
+ ? compactRelativeTime(meta.lastSyncedAt)
+ : null,
+ ].filter(Boolean)
+ return (
+ setExpanded((v) => !v)}
+ statusLine={
+
+
+
+ {label}
+
+ {statusParts.length > 0 && (
+
+ · {statusParts.join(" · ")}
+
+ )}
+
+ }
+ >
+ {entry.email && }
+ {entry.createdAt && (
+
+ )}
+ {meta.lastSyncedAt && (
+
+ )}
+ {meta.documentCount > 0 && (
+
+ )}
+ {entry.spaceName && }
+ {needsReauth && (
+ Reconnect needed}
+ />
+ )}
+
+ {needsReauth && (
+
+ )}
+
+
+
+ )
+}
+
+const SKELETON_KEYS = ["s1", "s2", "s3", "s4", "s5"]
+
+function RailSkeleton({ rows }: { rows: number }) {
+ return (
+
+ {SKELETON_KEYS.slice(0, rows).map((k) => (
+
+ ))}
+
+
+ {icon}
+
+
+ {title}
+
+
+ {hint}
+
+
setInfoOpen(true)}
+ onKeyDown={(e) => {
+ if (e.key === "Enter" || e.key === " ") {
+ e.preventDefault()
+ setInfoOpen(true)
+ }
+ }}
className={cn(
- "flex h-full flex-col gap-4 rounded-[12px] bg-[#14161A] p-4 transition-colors hover:bg-[#16181D]",
+ "group relative flex h-full cursor-pointer flex-col gap-4 rounded-[12px] bg-[#14161A] p-4 transition-colors hover:bg-[#16181D] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#4BA0FA]/45",
"shadow-[inset_2.42px_2.42px_4.263px_rgba(11,15,21,0.7)]",
)}
>
+
setInfoOpen(true)} />
+
{icon}
- {docsUrl && (
- // biome-ignore lint/a11y/noStaticElementInteractions: wrapper to stop event propagation
-
e.stopPropagation()}
- onKeyDown={(e) => e.stopPropagation()}
- >
-
-
- )}
@@ -712,7 +1783,24 @@ function ItemCard({
{tagline}
-
{rightSlot}
+
+ {/* biome-ignore lint/a11y/noStaticElementInteractions: stop card click from swallowing the status action. */}
+
e.stopPropagation()}
+ onKeyDown={(e) => e.stopPropagation()}
+ >
+ {statusSlot}
+
+ {/* biome-ignore lint/a11y/noStaticElementInteractions: stop card click from swallowing the primary action. */}
+
e.stopPropagation()}
+ onKeyDown={(e) => e.stopPropagation()}
+ >
+ {actionSlot}
+
+
-
{
- trackCard(item)
- setConnectedPluginId(item.pluginId)
- }}
- />
-
-
-
- {!q &&
}
+
+
+ {!q &&
}
-
-
-
-
void setCategory(v)}
- counts={counts}
- compact={searchExpanded || !!search}
- />
+
+
+
+
+
+ void setCategory(v)}
+ counts={counts}
+ compact={searchExpanded || !!search}
+ />
+
+
+
+ {visibleItems.length === 0 ? (
+
+ {q
+ ? `No integrations match “${search}”.`
+ : "Nothing in this category yet."}
+
+ ) : q || category !== "all" ? (
+
+ {visibleItems.map((item) => renderItemCard(item))}
+
+ ) : (
+
+ {SECTION_ORDER.map((cat) => {
+ const items = visibleItems.filter(
+ (i) => itemCategory(i) === cat,
+ )
+ if (items.length === 0) return null
+ return (
+
+ {items.map((item) => (
+
+ {renderItemCard(item)}
+
+ ))}
+
+ )
+ })}
+
+ )}
+
-
+ {showRightColumn && (
+
+
+
+
{
+ if (onOpenDocument) {
+ onOpenDocument(doc)
+ return
+ }
+ void setDocId(doc.id ?? doc.customId ?? null)
+ }}
+ onViewAll={() => setViewMode("list")}
+ />
+
+
+ )}
- {q
- ? `No integrations match “${search}”.`
- : "Nothing in this category yet."}
-
- ) : q || category !== "all" ? (
-
- {visibleItems.map((item) => renderItemCard(item))}
-
- ) : (
-
- {SECTION_ORDER.map((cat) => {
- const items = visibleItems.filter(
- (i) => itemCategory(i) === cat,
- )
- if (items.length === 0) return null
- return (
-
- {items.map((item) => (
-
- {renderItemCard(item)}
-
- ))}
-
- )
- })}
-
@@ -2239,7 +3565,7 @@ export function IntegrationsView() {
(
{isLoading ? (
) : documentCount > 0 || memoryCount > 0 ? (
loadMore() : undefined}
+ isLoading={false}
+ isLoadingMore={false}
+ onLoadMore={hasMore && !isLoadingMore ? () => loadMore() : undefined}
hasMore={hasMore}
error={externalError || apiError}
variant={variant}
@@ -70,6 +72,16 @@ export function MemoryGraph({
>
{children}
+ {isInitialLoading && (
+
+
+
+ )}
+
+
+
+
+
+
+
+ {children}
+
+
+ {visibleSteps.map((s, i) => {
+ const isDone = i < currentIdx
+ const isCurrent = i === currentIdx
+ const isLast = i === visibleSteps.length - 1
+ return (
+
+
+
+
+ {BRAIN_STEP_LABELS[s]}
+
+
+ {!isLast && (
+
+
+
+ )}
+
+ )
+ })}
+
+
+
+
+ )
+ }
+ if (done) {
+ return (
+
+
+
+ )
+ }
+ return (
+
+
+
+ )
+}
diff --git a/apps/web/components/onboarding-brain/step-about.tsx b/apps/web/components/onboarding-brain/step-about.tsx
new file mode 100644
index 00000000..5d8ff4f2
--- /dev/null
+++ b/apps/web/components/onboarding-brain/step-about.tsx
@@ -0,0 +1,473 @@
+"use client"
+
+import { useEffect, useState } from "react"
+import { motion } from "motion/react"
+import { Button } from "@ui/components/button"
+import { Input } from "@ui/components/input"
+import { Textarea } from "@ui/components/textarea"
+import {
+ ArrowRight,
+ Brain,
+ Building2,
+ LayoutGrid,
+ Loader2,
+ Plug,
+ Terminal,
+ User2,
+ UserPlus,
+ Users2,
+} from "lucide-react"
+import { cn } from "@lib/utils"
+import { dmSans125ClassName } from "@/lib/fonts"
+import type { BrainMode } from "./types"
+
+export interface AboutValues {
+ name: string
+ about: string
+ workspaceName: string
+ workspaceDomain: string
+}
+
+interface Props {
+ mode: BrainMode
+ onModeChange: (m: BrainMode) => void
+ domain: string | null
+ suggestedWorkspaceName: string
+ defaultName: string
+ avatarUrl: string | null
+ values: AboutValues
+ onChange: (next: AboutValues) => void
+ onContinue: () => void
+ submitting?: boolean
+}
+
+const cardSurfaceStyle = {
+ boxShadow:
+ "0 2.842px 14.211px 0 rgba(0, 0, 0, 0.25), 0.711px 0.711px 0.711px 0 rgba(255, 255, 255, 0.10) inset",
+}
+
+const inputBevelStyle = {
+ boxShadow:
+ "0px 1px 2px 0px rgba(0,43,87,0.1), inset 0px 0px 0px 1px rgba(43,49,67,0.08), inset 0px 1px 1px 0px rgba(0,0,0,0.08), inset 0px 2px 4px 0px rgba(0,0,0,0.02)",
+}
+
+const fieldLabel = "pl-2 pb-2 font-semibold text-[14px] text-[#737373]"
+const inputClass =
+ "bg-[#0F1217] border border-[rgba(82,89,102,0.2)] rounded-[12px] text-[#fafafa] text-[14px] placeholder:text-[#525D6E] h-12 px-4 shadow-none focus-visible:ring-0 focus-visible:border-[rgba(115,115,115,0.3)] transition-colors"
+
+export function StepAbout({
+ mode,
+ onModeChange,
+ domain,
+ suggestedWorkspaceName,
+ defaultName,
+ avatarUrl,
+ values,
+ onChange,
+ onContinue,
+ submitting,
+}: Props) {
+ // biome-ignore lint/correctness/useExhaustiveDependencies: one-time initialization when defaults become available
+ useEffect(() => {
+ const patch: Partial = {}
+ if (!values.name && defaultName) patch.name = defaultName
+ if (!values.workspaceName && suggestedWorkspaceName) {
+ patch.workspaceName = suggestedWorkspaceName
+ }
+ if (!values.workspaceDomain && domain) {
+ patch.workspaceDomain = domain
+ }
+ if (Object.keys(patch).length > 0) onChange({ ...values, ...patch })
+ }, [defaultName, suggestedWorkspaceName, domain])
+
+ const canContinue =
+ values.name.trim().length > 0 && values.workspaceName.trim().length > 0
+
+ return (
+
+
+
+
+
+ Tell us about you
+
+
+ So your brain sounds like yours, not the docs.
+
+
+
+
+
Your name
+
onChange({ ...values, name: e.target.value })}
+ placeholder="e.g. Mahesh"
+ className={inputClass}
+ style={inputBevelStyle}
+ />
+
+
+
+
+ What are you here for?{" "}
+ (optional)
+
+
- ),
- onOpen: () => {
- track("mcp")
- void router.push("/?view=integrations")
- },
- },
- {
- id: "coding-claude-supermemory",
- title: "Claude Supermemory",
- description:
- "Persistent memory for Claude Code — context and decisions across sessions.",
- icon: spotlightPluginCornerIcon(
- "/images/plugins/claude-code.svg",
- "Claude Supermemory",
- ),
- pro: true,
- onOpen: () => {
- track("plugin_claude_supermemory")
- openPluginsPanel()
- },
- },
- {
- id: "coding-opencode",
- title: "OpenCode",
- description:
- "Memory layer for OpenCode — search past sessions and inject context.",
- icon: spotlightPluginCornerIcon(
- "/images/plugins/opencode.svg",
- "OpenCode",
- ),
- pro: true,
- onOpen: () => {
- track("plugin_opencode")
- openPluginsPanel()
- },
- },
- {
- id: "connections",
- title: "Connections",
- description:
- "Link Notion, Google Drive, or OneDrive to import your docs",
- icon: spotlightConnectionsIcon,
- pro: true,
- onOpen: () => {
- track("connections")
- void router.push("/?add=connect")
- },
- },
- ],
- productivity: [
- {
- id: "chrome",
- title: "Chrome Extension",
- description:
- "Save any webpage, import bookmarks, sync ChatGPT memories",
- icon: 
,
- onOpen: () => {
- track("import_x")
- void router.push("/?view=import")
- },
- },
- ],
- agents: [
- {
- id: "agents-openclaw",
- title: "OpenClaw",
- description:
- "Multi-platform memory for OpenClaw — Telegram, WhatsApp, Discord, Slack, and more.",
- icon: spotlightPluginCornerIcon(
- "/images/plugins/openclaw.svg",
- "OpenClaw",
- ),
- pro: true,
- onOpen: () => {
- track("plugin_openclaw")
- openPluginsPanel()
- },
- },
- {
- id: "agents-hermes",
- title: "Hermes",
- description:
- "Memory layer for the Hermes agent — recall, capture, and user profile.",
- icon: spotlightPluginCornerIcon("/images/plugins/hermes.svg", "Hermes"),
- onOpen: () => {
- track("plugin_hermes")
- openPluginsPanel()
- },
- },
- {
- id: "agents-claude-supermemory",
- title: "Claude Supermemory",
- description:
- "Persistent memory for Claude Code — context and decisions across sessions.",
- icon: spotlightPluginCornerIcon(
- "/images/plugins/claude-code.svg",
- "Claude Supermemory",
- ),
- pro: true,
- onOpen: () => {
- track("plugin_claude_supermemory")
- openPluginsPanel()
- },
- },
- {
- id: "agents-opencode",
- title: "OpenCode",
- description:
- "Memory layer for OpenCode — search past sessions and inject context.",
- icon: spotlightPluginCornerIcon(
- "/images/plugins/opencode.svg",
- "OpenCode",
- ),
- pro: true,
- onOpen: () => {
- track("plugin_opencode")
- openPluginsPanel()
- },
- },
- {
- id: "console-api",
- title: "Console & API",
- description:
- "API keys, orgs, and the hosted API for production agent workloads",
- icon: