@@ -13,86 +190,219 @@ export function ConnectContent() {
PRO
-
-
-
-
-
Google Drive
-
- Connect your Google docs, sheets and slides
-
-
-
-
-
-
-
Notion
-
- Import your Notion pages and databases
-
-
-
-
-
-
-
OneDrive
-
- Access your Microsoft Office documents
-
-
-
-
-
+ ) : (
+
+ {Object.entries(CONNECTORS).map(([provider, config]) => {
+ const Icon = config.icon
+ const connection = connections.find(
+ (conn) => conn.provider === provider,
+ )
+ const isConnected = !!connection
+ const isConnecting =
+ connectingProvider === provider ||
+ (addConnectionMutation.isPending &&
+ addConnectionMutation.variables === provider)
+
+ return (
+
+
+
+
+
+
{config.title}
+ {isConnected && (
+
+ {connection.metadata?.syncInProgress
+ ? "Syncing..."
+ : "Connected"}
+
+ )}
+
+
+ {config.description}
+
+
+
+
+ {isConnected ? (
+
+ ) : (
+
+ )}
+
+
+ )
+ })}
+
+ )}
+
+ {/* Connected list panel - only when hasConnections */}
+ {hasConnections && (
+
+
+
+ Connected to Supermemory
-
-
-
- Unlimited memories
-
-
-
- 10 connections
-
-
-
- Advanced search
-
-
-
- Priority support
-
-
-
- ) : (
-
0 && (
+
+ {connections.length}/{connectionsLimit} connections used
+
)}
- >
-
No connections yet
-
- Choose a service above to import your knowledge
-
- )}
-
+
+ {connections.map((connection) => {
+ const config =
+ CONNECTORS[connection.provider as ConnectorProvider]
+ if (!config) return null
+
+ const Icon = config.icon
+ const subtext = getConnectionSubtext(connection)
+
+ return (
+
+
+
+
+
+ {config.title}
+
+
+ {subtext}
+
+
+
+
+
+ )
+ })}
+
+
+ )}
+
+ {/* Empty state panel - only when !hasConnections */}
+ {!hasConnections && (
+
+
+ {!isProUser ? (
+ <>
+
+
+ Upgrade to Pro
+ {" "}
+ to get
+
+ Supermemory Connections
+
+
+
+
+ Unlimited memories
+
+
+
+ 10 connections
+
+
+
+ Advanced search
+
+
+
+ Priority support
+
+
+
+ ) : (
+
+
No connections yet
+
+ Choose a service above to import your knowledge
+
+
+ )}
+
+ )}
)
}
diff --git a/apps/web/components/new/add-document/file.tsx b/apps/web/components/new/add-document/file.tsx
index ff4578c2..8e7dc4c4 100644
--- a/apps/web/components/new/add-document/file.tsx
+++ b/apps/web/components/new/add-document/file.tsx
@@ -1,11 +1,71 @@
-import { useState } from "react"
+"use client"
+
+import { useState, useEffect } from "react"
import { cn } from "@lib/utils"
import { dmSansClassName } from "@/utils/fonts"
import { FileIcon } from "lucide-react"
+import { useHotkeys } from "react-hotkeys-hook"
-export function FileContent() {
+export interface FileData {
+ file: File | null
+ title: string
+ description: string
+}
+
+interface FileContentProps {
+ onSubmit?: (data: { file: File; title: string; description: string }) => void
+ onDataChange?: (data: FileData) => void
+ isSubmitting?: boolean
+ isOpen?: boolean
+}
+
+export function FileContent({ onSubmit, onDataChange, isSubmitting, isOpen }: FileContentProps) {
const [isDragging, setIsDragging] = useState(false)
const [selectedFile, setSelectedFile] = useState