Personal AI Assistant

SUPERMEMORY_API_KEY=your_supermemory_key
OPENAI_API_KEY=your_openai_key

import { streamText } from 'ai'
import { createOpenAI } from '@ai-sdk/openai'
import { supermemoryTools } from '@supermemory/tools/ai-sdk'

const openai = createOpenAI({
  apiKey: process.env.OPENAI_API_KEY!
})

export async function POST(request: Request) {
  const { messages, userId = 'default-user' } = await request.json()

  const result = await streamText({
    model: openai('gpt-4-turbo'),
    messages,
    tools: supermemoryTools(process.env.SUPERMEMORY_API_KEY!, {
      headers: {
        'x-sm-user-id': userId,
      }
    }),
    system: `You are a highly personalized AI assistant. Your primary goal is to learn about the user and provide increasingly personalized help over time.

MEMORY MANAGEMENT:
1. When users share personal information, preferences, or context, immediately use addMemory to store it
2. Before responding to requests, search your memories for relevant context about the user
3. Use past conversations to inform current responses
4. Remember user's communication style, preferences, and frequently discussed topics

PERSONALITY:
- Adapt your communication style to match the user's preferences
- Reference past conversations naturally when relevant
- Proactively offer help based on learned patterns
- Be genuinely helpful while respecting privacy

EXAMPLES OF WHAT TO REMEMBER:
- Work schedule and role
- Dietary preferences/restrictions
- Communication preferences (formal/casual)
- Frequent topics of interest
- Goals and projects they're working on
- Family/personal context they share
- Preferred tools and workflows
- Time zone and availability

Always search memories before responding to provide personalized, contextual help.`
  })

  return result.toAIStreamResponse()
}

'use client'

import { useChat } from 'ai/react'
import { useState, useEffect } from 'react'

export default function PersonalAssistant() {
  const [userId, setUserId] = useState('')
  const [userName, setUserName] = useState('')

  const { messages, input, handleInputChange, handleSubmit, isLoading } = useChat({
    api: '/api/chat',
    body: {
      userId
    }
  })

  // Generate or retrieve user ID
  useEffect(() => {
    const storedUserId = localStorage.getItem('personal-ai-user-id')
    const storedUserName = localStorage.getItem('personal-ai-user-name')

    if (storedUserId) {
      setUserId(storedUserId)
      setUserName(storedUserName || '')
    } else {
      const newUserId = `user_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`
      localStorage.setItem('personal-ai-user-id', newUserId)
      setUserId(newUserId)
    }
  }, [])

  const handleNameSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    if (userName.trim()) {
      localStorage.setItem('personal-ai-user-name', userName)
      // Send introduction message
      handleSubmit(e, {
        data: {
          content: `Hi! My name is ${userName}. I'm looking for a personal AI assistant that can learn about me and help me with various tasks.`
        }
      })
    }
  }

  return (
    <div className="flex flex-col h-screen max-w-4xl mx-auto p-4">
      {/* Header */}
      <div className="bg-gradient-to-r from-blue-500 to-purple-600 text-white p-6 rounded-lg mb-6">
        <h1 className="text-2xl font-bold">Personal AI Assistant</h1>
        <p className="text-blue-100">
          {userName ? `Hello ${userName}!` : 'Your AI that learns and remembers'}
        </p>
      </div>

      {/* Name Setup */}
      {!userName && (
        <div className="bg-white border border-gray-200 rounded-lg p-6 mb-6">
          <form onSubmit={handleNameSubmit} className="flex gap-2">
            <input
              type="text"
              value={userName}
              onChange={(e) => setUserName(e.target.value)}
              placeholder="What should I call you?"
              className="flex-1 p-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500"
            />
            <button
              type="submit"
              className="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500"
            >
              Get Started
            </button>
          </form>
        </div>
      )}

      {/* Messages */}
      <div className="flex-1 overflow-y-auto space-y-4 mb-4">
        {messages.length === 0 && userName && (
          <div className="bg-gray-50 border border-gray-200 rounded-lg p-4">
            <p className="text-gray-600">
              Hi {userName}! I'm your personal AI assistant. I'll learn about your preferences,
              work style, and interests as we chat. Feel free to share anything you'd like me to remember!
            </p>
            <div className="mt-3 text-sm text-gray-500">
              <p><strong>Try saying:</strong></p>
              <ul className="list-disc list-inside mt-1 space-y-1">
                <li>"I work as a software engineer and prefer concise responses"</li>
                <li>"Remember that I'm vegetarian and allergic to nuts"</li>
                <li>"I usually work from 9-5 EST and take lunch at noon"</li>
              </ul>
            </div>
          </div>
        )}

        {messages.map((message) => (
          <div
            key={message.id}
            className={`p-4 rounded-lg ${
              message.role === 'user'
                ? 'bg-blue-500 text-white ml-auto max-w-2xl'
                : 'bg-white border border-gray-200 max-w-2xl'
            }`}
          >
            <div className="flex items-start space-x-2">
              {message.role === 'assistant' && (
                <div className="w-8 h-8 bg-gradient-to-r from-blue-500 to-purple-600 rounded-full flex items-center justify-center text-white text-sm font-bold">
                  AI
                </div>
              )}
              <div className="flex-1">
                <p className="whitespace-pre-wrap">{message.content}</p>
              </div>
            </div>
          </div>
        ))}

        {isLoading && (
          <div className="bg-white border border-gray-200 rounded-lg p-4 max-w-2xl">
            <div className="flex items-center space-x-2">
              <div className="w-8 h-8 bg-gradient-to-r from-blue-500 to-purple-600 rounded-full flex items-center justify-center text-white text-sm font-bold">
                AI
              </div>
              <div className="flex space-x-1">
                <div className="w-2 h-2 bg-gray-400 rounded-full animate-bounce"></div>
                <div className="w-2 h-2 bg-gray-400 rounded-full animate-bounce" style={{animationDelay: '0.1s'}}></div>
                <div className="w-2 h-2 bg-gray-400 rounded-full animate-bounce" style={{animationDelay: '0.2s'}}></div>
              </div>
            </div>
          </div>
        )}
      </div>

      {/* Input */}
      {userName && (
        <form onSubmit={handleSubmit} className="flex gap-2">
          <input
            value={input}
            onChange={handleInputChange}
            placeholder="Tell me something about yourself, or ask for help..."
            className="flex-1 p-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
            disabled={isLoading}
          />
          <button
            type="submit"
            disabled={isLoading || !input.trim()}
            className="px-6 py-3 bg-blue-500 text-white rounded-lg hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed"
          >
            Send
          </button>
        </form>
      )}
    </div>
  )
}

import { Supermemory } from '@supermemory/tools'

const client = new Supermemory({
  apiKey: process.env.SUPERMEMORY_API_KEY!
})

async function checkUserMemories(userId: string) {
  try {
    const memories = await client.memories.list({
      containerTags: [userId],
      limit: 20,
      sort: 'updatedAt',
      order: 'desc'
    })

    console.log(`Found ${memories.memories.length} memories for ${userId}:`)
    memories.memories.forEach((memory, i) => {
      console.log(`${i + 1}. ${memory.content.substring(0, 100)}...`)
    })

    // Test search
    const searchResults = await client.search.memories({
      q: "preferences work",
      containerTag: userId,
      limit: 5
    })

    console.log('\nSearch Results:')
    searchResults.results.forEach((result, i) => {
      console.log(`${i + 1}. (${result.similarity}) ${result.memory.substring(0, 100)}...`)
    })

  } catch (error) {
    console.error('Error:', error)
  }
}

// Run: npx ts-node scripts/check-memories.ts USER_ID_HERE
checkUserMemories(process.argv[2] || 'default-user')