Function MemoryTab

SettingsModal.tsx:1345–1657

()

}

function MemoryTab() {
  const {
    memories,
    memoriesEnabled,
    setMemoriesEnabled,
    addMemory,
    updateMemory,
    deleteMemory,
    toggleMemory,
    clearMemories
  } = useStore()

  const [showAddForm, setShowAddForm] = useState(false)
  const [newMemoryContent, setNewMemoryContent] = useState('')
  const [newMemoryType, setNewMemoryType] = useState<MemoryType>('fact')
  const [editingId, setEditingId] = useState<string | null>(null)
  const [editContent, setEditContent] = useState('')
  const [showClearConfirm, setShowClearConfirm] = useState(false)

  const handleAdd = () => {
    if (!newMemoryContent.trim()) return
    addMemory({
      type: newMemoryType,
      content: newMemoryContent.trim(),
      source: 'manual',
      active: true
    })
    setNewMemoryContent('')
    setNewMemoryType('fact')
    setShowAddForm(false)
  }

  const handleEdit = (id: string) => {
    if (!editContent.trim()) return
    updateMemory(id, { content: editContent.trim() })
    setEditingId(null)
    setEditContent('')
  }

  const startEdit = (id: string, content: string) => {
    setEditingId(id)
    setEditContent(content)
  }

  const getTypeIcon = (type: MemoryType) => {
    switch (type) {
      case 'fact': return <User className="w-3 h-3" />
      case 'preference': return <Settings className="w-3 h-3" />
      case 'instruction': return <MessageSquare className="w-3 h-3" />
    }
  }

  const getTypeLabel = (type: MemoryType) => {
    switch (type) {
      case 'fact': return 'Fact'
      case 'preference': return 'Preference'
      case 'instruction': return 'Instruction'
    }